عنوان ها در HTML

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

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

<h1>A level 1 heading</h1>

<h2>A level 2 heading</h2>

<h3>A level 3 heading</h3>

<h4>A level 4 heading</h4>

<h5>A level 5 heading</h5>

<h6>A level 6 heading</h6>

اگرچه در استاندارد HTML5 شش سطح عنوان وجود دارد، اکثر سایت ها اینطور نیستند از بیش از دو یا سه استفاده کنید. مرورگر مشتری فونت، سبک و اندازه متنی را که برای هر کدام استفاده می کند تعیین می کند.

مرورگر هر سطح عنوان را با اندازه فونت کاهشی نشان می دهد. تا آن زمان با رسیدن به سطح عنوان ششم، تشخیص تفاوت بین عنوان و متن معمولی در صفحه وب بسیار سخت است!

گروه بندی متن در 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 به عنوان یک عنصر واحد. وقتی محتوا را با هم گروه بندی می کنید، می توانید استایل ها و موقعیت یابی را در کل بلوک اعمال کنید.