تگ h1 تا h6 در HTML

از تگ های h1 تا h6 در HTML برای تیتر بندی و عنوان دهی سند استفاده می شود.

مثال

<h1>این تیتر 1 هست</h1>
<h2>این تیتر 2 هست</h2>
<h3>این تیتر 3 هست</h3>
<h4>این تیتر 4 هست</h4>
<h5>این تیتر 5 هست</h5>
<h6>این تیتر 6 هست</h6>

تعریف و کاربرد

تگ h1 تا h6 در HTML برای تیتر بندی و عنوان دهی به صفحات وب کاربرد دارد.

تگ <h1> مهم ترین عنوان را تعریف میکند از این تگ برای مشخص کردن موضوع و عنوان اصلی سند استفاده میکنیم ، شما حق استفاده بیشتر از یک بار از عنصر <h1> را ندارید ( اگر بیشتر از یک بار استفاده شود به سئو سایت آسیب میزند )

نکته: شما باید تگ های <h2> تا <h6> را بعد از تگ <h1> استفاده کنید ، این عناصر تیتر های زیر شاخه هم هستند که از <h1> شروع میشوند.

نکته: از عناصر <h1> تا <h6> برای بزرگ یا کوچک کردن متن ها استفاده نکنید ، این تگ ها مخصوص تیتر بندی و عنوان دهی هستند.

پشتیبانی مرورگر ها

خواص عمومی

تگ h1 تا h6 از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ h1 تا h6 از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عناصر h1 تا h6 در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}