تگ های HTML – تگ H1 To H6

سلام

با معرفی تگ Heading، که از H1 تا H6 هست در خدمتتون هستیم.

• نمونه کد تگ Heading

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

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

تگ های <h1> تا <h6> به ترتیب اولویت هستند، تگ <h1> بیشترین اولویت و تگ <h1> کمترین اولویت را دارد.

• پشتیبانی مرورگرها از تگ <heading>

خصوصیت ها:

• تنظیمات پیشفرض 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;
    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;
}

معرفی تگ <heading> به پایان رسید.

سوالی داشتید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

موفق باشید.