100% کامل شده تا
به‌روزرسانی شده در: ۱۶ روز پیش

استفاده از عناوین (HTML Headings)

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


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


Responsive demo.svg


عناوین HTML

عناوین توسط تگ‌های <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>


توجه: مرورگرها بطور خودکار قبل و بعد از یک عنوان فاصله سفید (حاشیه (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

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

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



منابع آموزشی