قالب‌بندی متن

HTML چندین تگ داره که برای فرمت‌دهی متن استفاده میشه. این تگ‌ها به متن ظاهر خاص میدن مثل بولد، ایتالیک، کوچک، بزرگ، نقل‌قول و غیره.

📌 تگ‌های پرکاربرد قالب‌بندی متن

1) متن بولد (پررنگ)

<b>این متن پررنگ است.</b> <strong>این متن هم پررنگ و مهم است.</strong>

🔹 تفاوت: strong از نظر معنایی اهمیت بیشتری داره و برای SEO بهتره.

2) متن ایتالیک (کج)

<i>این متن ایتالیک است.</i> <em>این متن تأکید شده است.</em>

🔹 تفاوت: em از نظر معنایی تأکید بیشتری نشون میده.

3) زیرخط و خط‌خورده

<u>این متن زیرخط دارد.</u> <ins>این متن به‌عنوان متن اضافه‌شده مشخص شده است.</ins> <del>این متن خط‌خورده است.</del>

4) متن کوچک و بزرگ

<small>این متن کوچک است.</small> <big>این متن بزرگ است (در HTML5 منسوخ شده).</big>

5) بالا و پایین‌نویس (ریاضی و علمی)

X<sup>2</sup> (توان دو) H<sub>2</sub>O (آب)

6) نقل‌قول و کد

<q>این یک نقل قول کوتاه است.</q> <blockquote>این یک نقل قول بلند است.</blockquote> <code>console.log("Hello World");</code> <pre> متن با فرمت ثابت دقیقاً همانطور که نوشته شده </pre>

🎯 نکات مهم

  • برای تأکید معنایی بهتره از تگ‌های معنایی مثل strong, em, ins, del استفاده کنیم.

  • برای نمایش کد و متن ثابت از code و pre استفاده میشه.

  • این تگ‌ها علاوه بر ظاهر، برای SEO و دسترس‌پذیری (Accessibility) اهمیت دارن.