عنوانهای HTML
عنوانها در HTML، همان تیترها یا زیرتیترهایی هستند که میخواهید در یک صفحه وب نمایش داده شوند.
🔹 عنوانهای HTML چگونه تعریف میشوند؟
عنوانها در HTML با تگهای <h1> تا <h6> تعریف میشوند.
تگ <h1> مهمترین عنوان را مشخص میکند و تگ <h6> کماهمیتترین عنوان را.
🧪 مثال (کد):
📌 نکته: مرورگرها بهصورت خودکار کمی فاصله (margin) قبل و بعد از هر عنوان ایجاد میکنند.
📈 چرا عنوانها مهم هستند؟
موتورهای جستجو از عنوانها برای فهرستبندی ساختار و محتوای صفحات وب استفاده میکنند.
کاربران نیز معمولاً صفحات را با نگاه کردن به عنوانها مرور میکنند. به همین دلیل، استفاده از عنوانها برای نمایش ساختار سند بسیار مهم است.
🔺 توصیه:
-
از
<h1>برای عنوان اصلی استفاده کنید. -
بعد از آن از
<h2>برای عناوین فرعی، سپس<h3>و به همین ترتیب برای عناوین کماهمیتتر استفاده کنید.
📌 نکته:
از تگهای عنوان فقط برای عنوان استفاده کنید، نه صرفاً برای بزرگ یا بولد کردن متن!
🔠 عنوانهای بزرگتر
هر عنوان در HTML بهطور پیشفرض اندازهی خاصی دارد.
اما میتوانید با استفاده از ویژگی style و دستور font-size در CSS، اندازهی دلخواه را مشخص کنید.
🧪 مثال (کد):
🧠 تمرین
❓کدامیک از تگهای عنوان زیر بزرگترین و مهمترین است؟
✅ پاسخ صحیح: <h1>
📚 مرجع تگهای HTML
مرجع تگهای سایت W3Schools اطلاعات بیشتری درباره تگها و ویژگیهایشان ارائه میدهد.
| تگ | توضیح |
|---|---|
<html> | ریشهی سند HTML را تعریف میکند |
<body> | بدنهی سند را تعریف میکند |
<h1> تا <h6> | عنوانها در HTML را تعریف میکنند |
📎 برای مشاهدهی لیست کامل تمام تگهای HTML، به بخش HTML Tag Reference مراجعه کنید.