تگ h1…h6 در HTML

با تگ h1…h6 در HTML آشنا شوید.

نکات اصلی تگ h1…h6

• HTML با استفاده از شش تگ h1…h6 در HTML ازعنوان ها را در یک سند وب تعریف می کند.
• محتوای متن عنصر <h1> نسبت به سایر تگ های عنوان دارای اندازه قلم بزرگتری است. اندازه قلم از تگ <h1> به <h6> کاهش می یابد.

عناصر تگ h1…h6 در HTML

این عناصر HTML عنوان های یک سند را تنظیم می کنند. تگ h1…h6 در HTML برای بزرگترین عنوان است. برای عناوین اصلی می توانید از h1 ، برای عناوین بخش از عنصر h2 و برای زیر مجموعه های کوچکتر از h3 استفاده کنید.

نکته: استفاده از عناوین بسیار توصیه می شود زیرا موتورهای جستجو از آن ها برای نمایه سازی وب سایت ها استفاده می کنند.

<h1>Heading text - Level 1. Most Important Heading</h1>
<h2>Heading text - Level 2</h2>
<h3>Heading text - Level 3</h3>
<h4>Heading text - Level 4</h4>
<h5>Heading text - Level 5</h5>
<h6>Heading text - Level 6. Least Important Heading</h6>

توجه: مرورگرهای وب به طور معمول حاشیه بالا و پایین را به محتوای هر تگ عنوان در HTML اضافه می کنند. همچنین ، آن ها محتوای متن خود را بر روی یک قلم پررنگ تر تنظیم می کنند.

align در تگ h1…h6

تراز افقی عناصر عنوان را تنظیم می کند.

نکته: HTML5 از تراز کردن پشتیبانی نمی کند. در عوض باید از ویژگی CSS-align استفاده کنید.

<h1 align="center">Random text - Level 1</h1>
<h2 align="right">Random text - Level 2</h2>
<h3 align="right">Random text - Level 3</h3>
<h4 align="justify">Random text - Level 4</h4>
<h5 align="left">Random text - Level 5</h5>
<h6 align="center">Random text - Level 6</h6>

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.