هدینگها یا همان تگهای عنوان در HTML یکی از مهمترین ابزارها برای ایجاد ساختار و سلسلهمراتب محتوا در صفحات وب هستند. درست مثل کتابهای چاپی که با تیترها و زیرتیترها بخشهای مختلف را از هم جدا میکنند، در وب هم هدینگها همین نقش را ایفا میکنند.
📚 چرا هدینگها مهماند؟
- ایجاد ساختار محتوا: به کاربر کمک میکنند تا سریع متوجه بخشهای اصلی و فرعی شود.
- سئو (SEO): موتورهای جستجو از هدینگها برای درک موضوع صفحه استفاده میکنند.
- دسترسپذیری: نرمافزارهای صفحهخوان برای کاربران نابینا یا کمبینا از هدینگها برای مرور محتوا استفاده میکنند.
🧩 سطوح هدینگ در HTML
HTML شش سطح هدینگ دارد:
<h1>: عنوان اصلی صفحه (بزرگترین و مهمترین تیتر).<h2>: زیرعنوانهای اصلی.<h3>: زیرعنوانهای فرعی.<h4>: جزئیات بیشتر.<h5>و<h6>: برای نکات خیلی جزئی یا بخشهای کماهمیتتر.
💻 مثال عملی
<h1>مقاله درباره تغذیه سالم</h1>
<p>این بخش مقدمهای درباره اهمیت تغذیه سالم است.</p>
<h2>نکات کلیدی</h2>
<p>در این بخش نکات اصلی را بررسی میکنیم.</p>
<h3>نکته فرعی</h3>
<p>جزئیات مرتبط با نکات کلیدی.</p>
<h4>نکته خیلی جزئی</h4>
<p>اطلاعات تکمیلی و دقیقتر.</p>
🎯 نکات مهم
- همیشه فقط یک
<h1>در هر صفحه داشته باشید (عنوان اصلی). - از هدینگها به ترتیب سلسلهمراتب استفاده کنید؛ از h2 برای بخشهای اصلی، h3 برای زیربخشها و همینطور پایینتر.
- نیازی نیست همهی سطوح h1 تا h6 را استفاده کنید؛ فقط به اندازهی نیازتان.
- در HTML5، ساختاردهی محتوا با بخشها (sections) و مقالهها (articles) هم انجام میشود، اما هدینگها همچنان پایهی اصلی سازماندهی هستند.
✨ جمعبندی
هدینگها مثل تیترهای کتاب، محتوای وب را قابل فهم و سازمانیافته میکنند. استفاده درست از آنها باعث میشود هم کاربر و هم موتورهای جستجو راحتتر محتوای شما را درک کنند.