100% کامل شده تا

عناوین در اچ‌تی‌ام‌ال (HTML Headings)

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو


عناوین HTML، عنوان‌ها یا زیرعناوینی هستند که می‌خواهید در یک صفحه وب نمایش دهید.[۱]


Responsive demo.svg


عناوین اچ‌تی‌ام‌ال (HTML Headings)

عناوین توسط تگ‌های <h1> تا <h6> تعریف می‌شوند.

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

مثال

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

مثال

<!DOCTYPE html>
<html>
<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

</body>
</html>

Responsive demo.svg


توجه: مرورگرها بطور خودکار قبل و بعد از یک عنوان فاصله سفید (حاشیه (margin)) اضافه می‌کنند.


عناوین مهم هستند (Headings Are Important)

موتورهای جستجو از عناوین برای شاخص‌گذاری ساختار و محتوای صفحات وب استفاده می‌کنند.

کاربران اغلب عناوین یک صفحه را بطور سطحی می‌خوانند (skim). استفاده از عنوان برای نشان دادن ساختار سند مهم است.

عنوان <h1> را باید برای عناوین اصلی استفاده کرد به همراه عناوین <h2>، سپس عنوان کم‌اهمیت‌تر <h3> و به همین ترتیب.

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


عناوین بزرگتر (Bigger Headings)

هر عنصر HTML یک اندازه پیش‌فرض دارد. با این حال می‌توانید اندازه هر عنوان را با ویژگی style، با استفاده از خصوصیت font-size تعیین کنید:

مثال

<h1 style="font-size:60px;">Heading 1</h1>

مثال

<!DOCTYPE html>
<html>
<body>

<h1 style="font-size:60px;">Heading 1</h1>

<p>You can change the size of a heading with the style attribute, using the font-size property.</p>

</body>
</html>

Responsive demo.svg



مرجع تگ اچ‌تی‌ام‌ال (HTML Attribute Reference)

در مرجع تگ ویکی‌کد، اطلاعات بیشتری در مورد این برچسب‌ها و ویژگی‌های آنها است.

تگ توضیحات
<html> ریشه یک سند HTML را تعریف می‌کند
<body> بدنه سند را تعریف می‌کند
<h1> تا <h6> عناوین HTML را تعریف می‌کند
برای بدست آوردن لیست کامل تگ‌های HTML موجود، به مرجع تگ‌های HTML ما مراجعه کنید.

منابع آموزشی




به‌روزرسانی شده: ۹ روز پیش