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

متن ضخیم و کج

HTML دو نوع تگ برای متن ضخیم و دو نوع برای متن کج دارد. تفاوت آن‌ها در معنا است:

تگ	ظاهر	معنا
<strong>	ضخیم	اهمیت بالا (معنایی)
<b>	ضخیم	فقط ضخیم، بدون معنای خاص
<em>	کج	تأکید (معنایی)
<i>	کج	فقط کج (مثل آیکون یا اصطلاح)

توصیه: همیشه <strong> و <em> را ترجیح دهید چون معنادار هستند.

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

تگ	کاربرد
<u>	زیرخط‌دار (Underline)
<ins>	متن اضافه‌شده (معمولاً زیرخط‌دار)
<s>	خط‌خورده (نامعتبر/منسوخ)
<del>	متن حذف‌شده (معمولاً خط‌خورده)

مثال کاربردی: نمایش قیمت با تخفیف — <del>۵۰۰۰۰</del> <ins>۳۰۰۰۰</ins>

هایلایت و متن کوچک

• <mark> — متن هایلایت‌شده (مثل مارکر)
• <small> — متن کوچک‌تر (مثل توضیحات جانبی)

زیرنویس و بالانویس

تگ	کاربرد	مثال
<sub>	زیرنویس (Subscript)	H2O
<sup>	بالانویس (Superscript)	x2

کد و نقل‌قول

تگ	کاربرد
<code>	نمایش کد کامپیوتری (inline)
<pre>	بلوک کد (حفظ فاصله‌ها)
<kbd>	کلید کیبورد (مثل Ctrl)
<samp>	خروجی نمونه برنامه
<var>	متغیر
<blockquote>	نقل‌قول بلوکی
<q>	نقل‌قول کوتاه (inline)
<cite>	عنوان اثر (کتاب، فیلم)
<abbr>	مخفف (با title)

نکات مهم

• تگ‌های معنایی (<strong>، <em>، <del>، <ins>) را ترجیح دهید
• برای تغییر ظاهر متن بهتر است از CSS استفاده کنید
• <abbr> را با ویژگی title استفاده کنید تا توضیح مخفف نمایش داده شود