گروه بندی متن در HTML

چندین عنصر HTML5 وجود دارد که به شما امکان می دهد متن را با هم گروه بندی کنید عناصری در سطح بلوک نامیده می شوند. مرورگر تمام محتوای تعریف شده را بررسی می کند در تگ های باز و بسته شدن یک عنصر در سطح بلوک به عنوان یک گروه واحد. این به شما امکان می دهد از CSS برای استایل دادن یا قرار دادن کل بلوک محتوا به عنوان یک واحد استفاده کنید.

قطعه، به جای اینکه لازم باشد هر عنصر را به صورت جداگانه سبک یا قرار دهید. می توانید با استفاده از یک ویژگی جدید در استاندارد HTML5 سرفصل ها را با هم گروه بندی کنید با استفاده از عنصر hgroup یک گروه عنوان نامیده می شود:

<hgroup>

<h1>This is the main heading.</h1>

<h2>This is the subheading.</h2>

</hgroup>

گروه عنوان عناصر h1 یا h2 را تغییر نمی دهد، اما راهی را ارائه می دهد برای اینکه مرورگر دو عنوان را به عنوان یک عنصر واحد برای استایل و تثبیت موقعیت.

این به شما امکان می دهد از سبک های CSS برای قالب بندی آنها به عنوان یک بلوک استفاده کنید آنها مانند یک عنوان اصلی و یک عنوان فرعی با هم ترکیب می شوند.

یک صفحه وب متشکل از جملاتی که فقط به هم چسبیده اند خواندن خسته کننده است و بازدیدکنندگان سایت زیادی را جذب نمی کند (یا ممکن است آنها را بخواباند). در چاپ، جملات افکار مشترک را با هم در پاراگراف ها گروه بندی می کنیم. شما هم همین کار را بکنید

چیزی در محتوای صفحه وب خود با استفاده از عنصر p:

<p>This is one paragraph of text. The paragraph contains two sentences of content </p>

توجه داشته باشید که عنصر p از یک تگ باز (<p>) و یک تگ پایانی (</p>) برای علامت گذاری ابتدا و انتهای متن گروه بندی شده استفاده می کند.

مرورگر تمام متن را بررسی می کند در داخل عنصر p به عنوان یک عنصر واحد. وقتی محتوا را با هم گروه بندی می کنید، می توانید استایل ها و موقعیت یابی را در کل بلوک اعمال کنید.

اما مراقب عنصر p باشید. قوانین فضای سفید که برای تگ های HTML اعمال می شود، برای متن داخل عنصر p نیز اعمال می شود. مرورگر خط را رعایت نمی کند شکستگی ها، برگه ها یا فاصله های متعدد. بنابراین، اگر کدی مانند این دارید:

<p>

This is one line.

This is another line.

</p>

در صفحه وب به صورت زیر ظاهر می شود:

This is one line. This is another line.

تمام فاصله های اضافی و خط شکسته از محتوا حذف می شود. همچنین توجه کنید که مرورگر وب بین دو جمله فاصله اضافه می کند. اگر می خواهید قالب بندی متن را در صفحه وب حفظ کنید، ازعنصر پیش استفاده کنید  عنصر pre به شما امکان می دهد متن های از پیش فرمت شده را گروه بندی کنید. ایده پشت متن از پیش فرمت شده این است که دقیقاً همانطور که در صفحه وب وارد می کنید در صفحه وب ظاهر می شود.

فایل کد:

<pre>

This is one line.

This is another line.

</pre>

مرورگر متن را در صفحه وب دقیقاً همانطور که در صفحه نمایش داده می شود نمایش می دهد کد HTML5 روش دیگری برای گروه بندی متن، عنصر blockquote است. نقل قول بلوک عنصر اغلب برای نقل قول از مراجع در یک پاراگراف استفاده می شود. مرورگر متن موجود در بلوک نقل قول را جدا از پاراگراف معمولی جدا می کند

متن:

<p>The only poem that I learned as a child was:</p>

<blockquote>Roses are red, violets are blue. A face like yours, belongs in the

zoo.</blockquote>

<p>But that’s probably not considered classic poetry.</p>

این ویژگی به شما کمک می کند هر نوع متنی را در محتوا جاسازی کنید، نه فقط نقل قول را جاسازی کنید.