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

قالب‌بندی‌های خاص متن: _{، ^{، <del>، <ins> – جزئیات حرفه‌ای! 🧐}}

سلام به همه! تا اینجا با قالب‌بندی‌های اصلی متن مثل پررنگ کردن و کج کردن آشنا شدیم. حالا می‌خوایم چند تا تگ دیگه رو یاد بگیریم که به ما اجازه می‌دن متن رو به شکل‌های خاص‌تری قالب‌بندی کنیم، مثلاً به صورت زیرنویس، بالانویس، متن حذف شده یا متن اضافه شده.

این تگ‌ها برای نمایش اطلاعات خاص یا نشان دادن تغییرات در متن، خیلی کاربردی هستن.

۱. تگ <sub> (Subscript): متن زیرنویس! 💧

تگ <sub> برای نمایش متن به صورت زیرنویس (Subscript) استفاده می‌شه. یعنی حرف یا کلمه‌ای که داخل این تگ قرار می‌گیره، کمی پایین‌تر از خط اصلی متن و معمولاً با فونت کوچکتر نمایش داده می‌شه. این تگ برای نمایش فرمول‌های شیمیایی، ریاضی یا هر جایی که نیاز به زیرنویس دارید، عالیه.

مثال:

<p>
  فرمول آب: H<sub>2</sub>O
</p>
<p>
  فرمول شیمیایی سولفوریک اسید: H<sub>2</sub>SO<sub>4</sub>
</p>

خروجی بالا، اعداد “2” و “4” رو به صورت زیرنویس نمایش می‌ده.

۲. تگ <sup> (Superscript): متن بالانویس! 🚀

تگ <sup> دقیقاً برعکس <sub> عمل می‌کنه و متن رو به صورت بالانویس (Superscript) نمایش می‌ده. یعنی حرف یا کلمه، کمی بالاتر از خط اصلی متن و با فونت کوچکتر نشون داده می‌شه. این تگ برای نمایش توان‌های ریاضی، پاورقی‌ها یا اختصارات خیلی کاربرد داره.

مثال:

<p>
  ایکس به توان دو: x<sup>2</sup>
</p>
<p>
  انسان‌ها دارای 23 جفت کروموزوم هستند (22 جفت اتوزوم + 1 جفت گنوزوم).
  مقدار عددی پی (π) تقریبا برابر است با 3.14<sup>159</sup>
</p>

خروجی بالا، “2” و “159” رو به صورت بالانویس نمایش می‌ده.

۳. تگ <del> (Deleted Text): متن حذف شده! ❌

تگ <del> برای نشان دادن متنی که از یک سند حذف شده، به کار می‌ره. مرورگرها معمولاً متنی که داخل این تگ قرار می‌گیره رو به صورت خط خورده (Strikethrough) نمایش می‌دن. این تگ برای نشون دادن تغییرات یا نسخه‌های قدیمی‌تر متن خیلی مفیده.

مثال:

<p>
  قیمت قبلی محصول: <del>۱۰۰,۰۰۰ تومان</del>
  قیمت جدید: ۷۵,۰۰۰ تومان
</p>
<p>
  این جمله حاوی متنی است که <del>از آن حذف شده</del> و دیگر وجود ندارد.
</p>

خروجی بالا، “۱۰۰,۰۰۰ تومان” رو به صورت خط خورده نشون می‌ده تا تفاوت قیمت قبلی و جدید مشخص بشه.

۴. تگ <ins> (Inserted Text): متن اضافه شده! ✅

تگ <ins> برای نشان دادن متنی که به یک سند اضافه شده، استفاده می‌شه. مرورگرها معمولاً این متن رو به صورت زیرخط‌دار نمایش می‌دن (البته این ظاهر پیش‌فرض هست و می‌تونه با CSS تغییر کنه). این تگ مکمل تگ <del> هست و برای نشون دادن تاریخچه تغییرات خیلی مفیده.

مثال:

<p>
  این یک جمله پایه است.
  این کلمه <ins>جدید</ins> اضافه شده است.
</p>
<p>
  برای اطلاع از آخرین وضعیت، لطفاً به <del>وب‌سایت قدیمی</del>
  <ins>وب‌سایت جدید ما</ins> مراجعه کنید.
</p>

خروجی بالا، کلمه‌ی “جدید” و عبارت “وب‌سایت جدید ما” رو به صورت زیرخط‌دار نمایش می‌ده.

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

با این تگ‌های جدید، شما ابزارهای بیشتری برای قالب‌بندی دقیق و حرفه‌ای متن‌هاتون در اختیار دارید. هر کدوم از این تگ‌ها معنای خاص خودشون رو دارن و استفاده درست از اون‌ها، به درک بهتر محتوا توسط کاربران و موتورهای جستجو کمک می‌کنه. موفق باشید! 🎉