آموزش و يادگيري تگ h در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ‌هاي <h1> تا <h6> آشنا مي‌شويم. اين تگ‌ها براي تعريف عناوين و تيترها در صفحات وب استفاده مي‌شوند و اهميت زيادي در ساختار معنايي و سئو دارند.

تگ‌هاي h1 تا h6 در HTML چيستند؟

تگ‌هاي <h1> تا <h6> براي تعريف سرفصل‌ها و تيترهاي صفحات وب استفاده مي‌شوند. h1 مهم‌ترين و بزرگ‌ترين تيتر است و h6 کم‌اهميت‌ترين و کوچک‌ترين تيتر. استفاده درست از اين تگ‌ها باعث بهبود خوانايي و سئو سايت مي‌شود.

مثال ساده از تگ‌هاي h1 تا h6

<h1>تيتر اصلي صفحه</h1>
<h2>تيتر بخش اول</h2>
<h3>تيتر زير بخش اول</h3>
<h4>تيتر جزئيات</h4>
<h5>تيتر کوچک‌تر</h5>
<h6>تيتر کم‌اهميت</h6>

در اين مثال، هر تگ اندازه و اهميت متفاوتي دارد و به صورت سلسله‌مراتبي نمايش داده مي‌شود.

ويژگي‌هاي مهم تگ‌هاي h1 تا h6

ويژگي	توضيح
class	اعمال استايل CSS به تيتر
id	شناسه يکتا براي ارجاع يا استايل‌دهي
style	اعمال استايل مستقيم به تيتر

مثال با استايل CSS

<style>
  h1 { font-size: 32px; color: #2196f3; }
  h2 { font-size: 28px; color: #3f51b5; }
  h3 { font-size: 24px; color: #009688; }
  h4 { font-size: 20px; color: #ff5722; }
  h5 { font-size: 16px; color: #795548; }
  h6 { font-size: 14px; color: #607d8b; }
</style>

<h1>تيتر اصلي</h1>
<h2>تيتر بخش اول</h2>
<h3>تيتر زير بخش</h3>
<h4>تيتر جزئيات</h4>
<h5>تيتر کوچک‌تر</h5>
<h6>تيتر کم‌اهميت</h6>