Heading یا به زبان فارسی “عنوان گذاری،عنوان بندی” یکی از المنتهای مهم در HTML هست.
همونطور که از اسمش معلومه برای عنوان گذاری استفاده میشه.
heading در HTML با تگهای <h1> تا <h6> مشخص میشن. <h1> مهمترین عنوان و<h6> کمترین اهمیت رو داره، شاید بپرسید چرا از کلمه مهمترین عنوان استفاده کردم؟ علتش اینه که تگ <h6> برای موتورهای جست و جو مهمتره! یعنی موتورهای جست و جو از heading ها برای index کردن ساختار و محتوای سایت استفاده میکنن.
تگهای <h1> تا <h6>
همونطور که همین الان دارید میبینید من برای عنوانبندی عنوان این پاراگراف “تگهای <h1> تا <h6>” از heading و از <h2> استفاده کردم. وقتی از heading استفاده میکنید مرورگز بصورت خودکار قبل و بعد از هر heading یه فضای خالی میذاره. هر چی شماره heading بیشتر باشه فونت اون هم بزرگتر بزرگتر میشه که البته با CSS قابل ویرایش هست.
مثالها
مثال اول
<body> <h1>Headings</h1> <h2>are</h2> <h3>great</h3> <h4>for</h4> <h5>titles</h5> <h6>and subtitles</h6> </body>
خروجی:
Headings
are
great
for
titles
and subtitles
مثال دوم
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
خروجی:
This is a heading
This is a heading
This is a heading