دوره‌ها / HTML / عناوین در HTML

عناوین در HTML

5 دقیقه Article پیش‌نمایش

عنوان‌های HTML

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

عنوان‌های HTML

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

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

مثال

<h1>عنوان 1</h1>
<h2>عنوان 2</h2>
<h3>عنوان 3</h3>
<h4>عنوان 4</h4>
<h5>عنوان 5</h5>
<h6>عنوان 6</h6>

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

عنوان‌ها مهم هستند

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

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

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

مثال

<h1>راهنمای سفر</h1>

<h2>اروپا</h2>
<h3>فرانسه</h3>
<h3>ایتالیا</h3>

<h2>آسیا</h2>
<h3>هند</h3>
<h3>تایلند</h3>

نکته: فقط یک <h1> در هر صفحه استفاده کنید - این تگ موضوع یا عنوان اصلی صفحه را نشان می‌دهد.

نکته: از عنوان‌های HTML فقط برای عنوان‌ها استفاده کنید. از عنوان‌ها برای درشت کردن یا بزرگ کردن متن استفاده نکنید.

عنوان‌های بزرگ‌تر

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

مثال

<h1 style="font-size:60px;">عنوان 1</h1>

مرجع تگ HTML

مرجع تگ ParsRepo شامل اطلاعات اضافی درباره این تگ‌ها و ویژگی‌های آن‌ها است.

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

آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.

برای ذخیره پیشرفت وارد شوید