تگ <h6><h1> در html - وب سایت PNLdev

نمونه کد

یک نمونه ساده از تگ های <h1>-<h6>:

<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 است و برای عنوان صفحه استفاده می شود.

در HTML شش سطح عنوان داریم:

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

عنوان <h1> بیشترین ارزش و عنوان <h6> کم ترین ارزش را دارد.

تگ	توضیحات
<h1> تا <h6>	برای مشخص کردن عناوین اصلی
<em>	برای تاکید روی متن استایل italic برابر با <strong>
<strong>	برای متن های مهم استایل bold برابر با <em>
<mark>	برای متن های مهم استایل هایلایت کم تر از <strong>
<b>	برای نشان دار کردن استایل bold بی اهمیت

نکات

نکته: تگ <h1> فقط یک بار باید در صفحه استفاده شود. و باید شامل عنوان اصلی صفحه باشد.

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

نکته: در استفاده از عناوین باید توجه شود به ترتیب پیش رفت. برای شروع با <h1> سپس <h2> سپس <h3>.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<h1> - <h6>

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

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

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

تگ <h1>-<h6> از ویژگی های رویداد HTML پشتیبانی می کند.

استایل css پیش فرض

بیشتر مرورگر ها تگ <h1>-<h6> را با استایل پیشفرض زیر نمایش می دهند:

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;
}

تگ <h6> - <h1> در HTML <h1> - <h6> tag HTML