عناوین HTML

در مستندات HTML، عناوین بسیار مهم هستند.

عناوین HTML

عناوین (Heading) از طریق برچسب‌های <h1> - <h6> تعریف می‌شوند.

<h1> بزرگترین عنوان را تعریف می‌کند.<h6> کوچکترین عنوان را تعریف می‌کند.

مثال

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

سعی کنید خودتان انجام دهید

یادداشت:بrowsers به صورت خودکار سطر خالی در جلو و پشت عناوین قرار می‌دهند.

یادداشت:به صورت پیش‌فرض، HTML به صورت خودکار یک سطر خالی اضافی در جلو و پشت عناصر بلوکی مانند پاراگراف‌ها و عناوین قرار می‌دهد.

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

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

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

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

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

خط افقی HTML

<hr /> برچسب در صفحه HTML یک خط افقی ایجاد می‌کند.

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

مثال

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

سعی کنید خودتان انجام دهید

توضیح:استفاده از خط افقی (برچسب <hr>) برای جدا کردن بخش‌های کوچک از متن یک راه است (اما نه تنها این راه).

نظرات HTML

می‌توانید یادداشت‌ها را در کد HTML قرار دهید، که این کار می‌تواند خوانایی کد را بهبود بخشد و کد را برای درک بهتر ساده‌تر کند. مرورگرها یادداشت‌ها را نادیده می‌گیرند و آن‌ها را نمایش نمی‌دهند.

یادداشت به این صورت نوشته می‌شود:

مثال

<!-- This is a comment -->

سعی کنید خودتان انجام دهید

یادداشت:بعد از شروع قوس (قوس سمت چپ) نیاز به یک علامت تعجب وجود دارد، قبل از پایان قوس (قوس سمت راست) نیاز به علامت تعجب نیست.

توضیح:استفاده مناسب از یادداشت‌ها می‌تواند به کارهای ویرایشی آینده کمک کند.

توضیحات HTML - چگونه منبع کد را مشاهده کنید

شما حتماً در حالی که به یک صفحه وب نگاه می‌کردید، از خود گفته‌اید “وای! این چگونه انجام شده است؟”

اگر بخواهید رازهای آن را پیدا کنید، فقط با کلیک راست بر روی آن و انتخاب “نمایش منبع صفحه” (IE) یا “نمایش کد منبع صفحه” (Firefox)، عملکرد مشابهی در مرورگرهای دیگر نیز وجود دارد. این کار یک پنجره‌ای را باز می‌کند که کد HTML صفحه را شامل می‌شود.

مثال‌های این صفحه

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

دستورالعمل مرجع برچسب‌های HTML

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

شما در بخش‌های زیر این آموزش بیشتر درباره برچسب‌ها و ویژگی‌های HTML یاد خواهید گرفت.

برچسب توضیح
<html> تعریف مستند HTML.
<body> تعریف بدنه مستند.
<h1> تا <h6> تعریف عنوان HTML.
<hr> تعریف خط افقی.
<!--...--> تعریف یادداشت‌ها.