برچسب‌های <h1> تا <h6> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
عناوین HTML را تعریف می‌کند
معرفی شده در نسخهٔ:۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

شش عنوان (headings) مختلف در اچ‌تی‌ام‌ال:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

مثال‌های بیشتری از «خودتان یاد بگیرید» در زیر.

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

برچسب‌های <h1> تا <h6> برای تعریف عنوان (heading) در اچ‌تی‌ام‌ال استفاده می‌شود.[۱]

<h1> بااهمیت‌ترین عنوان را تعریف می‌کند. <h6> کم‌اهمیت‌ترین عنوان را تعریف می‌کند.

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<h1> - <h6> بله بله بله بله بله

ویژگی‌های سراسری

همچنین برچسب‌های <h1> تا <h6> از ویژگی‌های سراسری در اچ‌تی‌ام‌ال پشتیبانی می‌کنند.

ویژگی‌های رویداد

همچنین برچسب‌های <h1> تا <h6> از ویژگی‌های رویداد در اچ‌تی‌ام‌ال پشتیبانی می‌کنند.

مثال‌های بیشتر

مثال

ترازبندی عنوان‌ها را تنظیم کنید (با CSS):

<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>

صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: عنوان‌های اچ‌تی‌ام‌ال (HTML Headings)

مرجع DOM اچ‌تی‌ام‌ال: شیء عنوان (Heading Object)

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

بیشتر مرورگرها عنصر <h1> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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

بیشتر مرورگرها عنصر <h2> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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

بیشتر مرورگرها عنصر <h4> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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

بیشتر مرورگرها عنصر <h5> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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

بیشتر مرورگرها عنصر <h6> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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


منابع آموزشی