عنوان‌ها و پاراگراف‌ها

عنوان‌ها (Headings)

HTML شش سطح عنوان دارد: از <h1> (بزرگ‌ترین و مهم‌ترین) تا <h6> (کوچک‌ترین). عنوان‌ها هم برای ساختار منطقی صفحه و هم برای سئو و دسترس‌پذیری حیاتی هستند.

تگ	سطح	کاربرد
<h1>	۱	عنوان اصلی صفحه (فقط یکی)
<h2>	۲	بخش‌های اصلی
<h3>	۳	زیربخش‌ها
<h4>	۴	زیر‌زیربخش‌ها
<h5>	۵	عنوان‌های کوچک‌تر
<h6>	۶	کوچک‌ترین سطح

قوانین استفاده از عنوان‌ها

• هر صفحه فقط یک <h1> داشته باشد — مهم‌ترین عنوان
• ترتیب سلسله‌مراتب را رعایت کنید: از <h1> به پایین
• از عنوان‌ها فقط برای ساختار استفاده کنید، نه برای بزرگ‌کردن متن
• برای بزرگ‌کردن ظاهری متن از CSS استفاده کنید
• عنوان‌ها را پرش ندهید (مثلاً از h2 مستقیم به h4 نروید)

پاراگراف‌ها

برای متن‌های معمولی از تگ <p> استفاده می‌کنیم. مرورگر به‌طور خودکار فضای خالی (margin) قبل و بعد پاراگراف اضافه می‌کند.

<p>این یک پاراگراف است.</p>
<p>این پاراگراف دیگری است.</p>

شکست خط (Line Break)

برای رفتن به خط بعدی بدون شروع پاراگراف جدید، از تگ <br> استفاده کنید. این تگ تهی است (بسته نمی‌شود).

<p>خط اول<br>خط دوم<br>خط سوم</p>

نکته: از <br> فقط برای شکستن خط در یک متن استفاده کنید، نه برای ایجاد فاصله بین عناصر.

خط افقی (Horizontal Rule)

برای کشیدن یک خط افقی جداکننده، از تگ <hr> استفاده کنید. این تگ تهی است و معمولاً برای جدا کردن بخش‌های مختلف به کار می‌رود.

<hr>

تگ pre (متن از پیش قالب‌بندی‌شده)

تگ <pre> متن را دقیقاً همان‌طور که نوشته‌اید (با فاصله‌ها و شکست خط‌ها) نمایش می‌دهد. برای نمایش کد یا شعر مفید است.

<pre>
  متن با   فاصله‌های
  دقیق
</pre>

نکات مهم

• هرگز از عنوان‌ها فقط برای بزرگ‌کردن متن استفاده نکنید
• فاصله‌های خالی و اینترها در HTML نادیده گرفته می‌شوند (مگر در <pre>)
• برای فاصله بین پاراگراف‌ها از CSS (margin) استفاده کنید، نه از چند <br>