درس ششم : تیترها در HTML
تیترها در HTML (HTML Headings)
تیترهای HTML، عناوین یا زیرعنوانهایی هستند که میخواهید در یک صفحه وب نمایش دهید.
مثال:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
تیترهای HTML
تیترهای HTML با تگهای <h1> تا <h6> تعریف میشوند.
<h1> مهمترین تیتر و <h6> کماهمیتترین تیتر را تعریف میکند.
مثال:
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
خروجی کد بالا:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
تیترها مهم هستند
موتورهای جستجو از تیترها برای ایندکس کردن ساختار و محتوای صفحات وب شما استفاده میکنند.
کاربران اغلب یک صفحه را بر اساس تیترهای آن اسکن میکنند. مهم است که از تیترها برای نشان دادن ساختار سند استفاده کنید.
تگهای <h1> باید برای تیترهای اصلی استفاده شوند، و به دنبال آن تگهای <h2> و سپس تگهای کماهمیتتر <h3> و غیره.
برای مثال:
<h1>– عنوان صفحه<h2>– عناوین بخشها<h3>– زیربخشها
مثال:
<h2>Europe</h2>
<h3>France</h3>
<h3>Italy</h3>
<h2>Asia</h2>
<h3>India</h3>
<h3>Thailand</h3>
خروجی بصری:
Travel Guide
Europe
France
Italy
Asia
India
Thailand
<h1> در هر صفحه استفاده کنید – این تگ نشاندهنده موضوع یا عنوان اصلی است.تیترهای بزرگتر
هر تیتر HTML دارای یک اندازه پیشفرض است. با این حال، میتوانید اندازه هر تیتری را با ویژگی style و با استفاده از ویژگی font-size در CSS مشخص کنید:
مثال:
Heading 1
تمرین (Exercise):
کدام یک از هدرهای زیر بزرگترین و مهمترین هدر است؟
۱. <h1> (پاسخ صحیح)
۲. <h2>
۳. <h3>
۴. <h4>
۵. <h5>
۶. <h6>
مرجع تگهای HTML
مرجع تگهای W3Schools حاوی اطلاعات اضافی درباره این تگها و ویژگیهای آنها است.
| تگ | توضیحات |
|---|---|
| <html> | ریشه یک سند HTML را تعریف میکند. |
| <body> | بدنه سند را تعریف میکند. |
| <h1> تا <h6> | تیترهای HTML را تعریف میکنند. |