تگ های عنوان یا heading – تگ های h1 تا h6

تگ های عنوان یا heading

به برچسب های <h1> , <h2> , <h3> , <h4> , <h5> , <h6> تگ های عنوان یا heading گفته می شود که به منظور قالب بندی سرفصل ها و تیتر ها به کار برده شده و به همین دلیل است که به آن ها برچسب های heading گفته می شود.
موتورهای جستجوگر وب نیز توجه ویژه ای به عناوین داخل آنها دارند.
تگ های h1 تا h6 به ترتیب از h1 دارای بزرگترین استایل تا h6 دارای کوچکترین استایل می باشند که درجه ی اهمیت آنها هم به همین ترتیب از h1 به h6 کاهش می یابد.
نحوه ی استفاده از آن بصورت زیر است :

<h1> h1 نمونه عنوان برای تگ </h1>
<h2> h2 نمونه عنوان برای تگ </h2>
<h3> h3 نمونه عنوان برای تگ </h3>
<h4> h4 نمونه عنوان برای تگ </h4>
<h5> h5 نمونه عنوان برای تگ </h5>
<h6> h6 نمونه عنوان برای تگ </h6>

خروجی قطعه کد بالا چیزی شبیه به تصویر زیر خواهد شد، البته در صورت دلخواه میتوانید نوع و اندازه و دیگر خصوصیات ظاهری تگ های عنوان (h1 – h2) را با استفاده از CSS تغییر دهید:
h1 نمونه عنوان برای تگ
h2 نمونه عنوان برای تگ
h3 نمونه عنوان برای تگ
h4 نمونه عنوان برای تگ
h5 نمونه عنوان برای تگ
h6 نمونه عنوان برای تگ

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

نکته۲:
البته ذکر این نکته ضروری است که در استفاده از تگ های h1 و h2 نباید زیاده روی کنیم، زیرا در سئو سایت نمره منفی محسوب می شود.