قالب بندی متن سند HTML

طریقه قالب بندی عناصر در HTML

در مطالب قبلی در مورد خصیصه style در HTML بحث کردیم. در HTML عناصر خاصی تعریف شده است که برای تعیین خواص ویژه و معانی خاص برای متن تعریف شده اند.

در HTML از عناصر خاصی مثل <b> و <i> برای bold یا italic کردن متن استفاده می شود. عناصر قالب بندی برای نمایش انواع خاصی از متن طراحی شده اند. نمونه ای از این عناصر فرمت کردن متن عبارتند از:

  • <b> - متن سیاه (Bold)
  • <strong> - متن مهم
  • <i> - متن مورب (Italic)
  • <em> - متن تاکیدی
  • <mark> - متن نشانه دار شده (هایلایت)
  • <small> - متن ریز
  • <del> - متن حذف شده
  • <ins> - متن درج شده
  • <sub> - متن اندیس (نماد پایین)
  • <sup> - متن توان (اندیس بالا)

عناصر <b> و <strong> در HTML

وقتی متنی بین تگ <b> گذاشته شود، متن سیاه یا بولد شده ولی اهمیت خاصی به آن افزوده نمی شود. مثال:

<b>This text is bold</b>

وقتی متن بین تگ <strong> گذاشته می شود، علاوه بر اینکه سیاه می شود، به آن اهمیت معنایی متن مهم یا متن قوی افزوده می شود. مثال:

<strong>This text is strong</strong>

عناصر <i> و <em> در HTML

وقتی متنی بین تگ <i> گذاشته می شود، این متن بصورت مورب نمایش می یابد، بدون اینکه اهمیت خاصی به آن اضافه شود. مثال:

<i>This text is italic</i>

وقتی متنی بین تگ <em> گذاشته می شود، این متن هم بصورت مورب نمایش می یابد، و هم اهمیت معنایی خاصی به آن افزوده شود. مثال:

<em>This text is emphasized</em>

توجه: مرورگرها تگ <strong> را شبیه به<b> و تگ <em> را شبیه به <i> نمایش می دهند. هرچند از نظر معنایی با هم تفاوت دارند. <b> و <i> فقط متن را سیاه و مورب می کنند، اما <strong> و <em> علاوه بر اینکه متن را سیاه یا مورب می کنند، اعلان می دارند که قطعه متن بین این تگ ها از اهمیت بالایی برخوردار است. یکی از کاربردهای این دو تگ برای نشان دادن اهمیت واژه های کلیدی محتوا در درون متن است که متخصصان سئو و مارکتینگ استفاده می کنند.

عنصر <small> در HTML

تگ <small> در HTML برای تعریف متن ریزتر استفاده می شود. استفاده از این تگ موجب می شود متن بین تگ از متن بقیه محتوا کوچکتر باشد. مثال:

<h2>HTML <small>Small</small> Formatting</h2>

عنصر <mark> در HTML

تگ <mark> برای تعریف متن نشان دار شده یا متن هایلایت شده استفاده می شود. مثل:

<h2>HTML <mark>Marked</mark> Formatting</h2>

عنصر <del> در HTML

تگ <del> در HTML برای نشان دادن متنی استفاده می شود که حذف شده است. مثل:

<p>My favorite color is <del>blue</del> red.</p>

عنصر <ins> در HTML

تگ <ins> برای مشخص کردن متن درج شده در متن قبلی استفاده می شود. مثال:

<p>My favorite <ins>color</ins> is red.</p>

عنصر <sub> در HTML

تگ <sub> برای پانویس (subscripted) کردن متن استفاده می شود. مثال:

<p>This is <sub>subscripted</sub> text.</p>

تگ <sup> در HTML

تگ <sup> برای بالا نویس (superscripted) یا توان استفاده می شود. مثال:

<p>This is <sup>superscripted</sup> text.</p>

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

تگ های زیر برای فرمت کردن متن در HTML استفاده می شوند:

تگ

شرح

<b>

تعریف متن سیاه یا بولد

<em>

تعریف متن اکید و مورد تاکید

<i>

تعریف متن مورب یا ایتالیک

<small>

تعریف متن کوچکتر از سایزمتن پیش فرض

<strong>

تعریف متن مهم از نظر معنایی

<sub>

تعریف متن پانویس یا اندیس

<sup>

تعریف متن بالا نویس یا توان

<ins>

تعریف متن درج شده

<del>

تعریف متن حذف شده

<mark>

تعریف متن نشان دار یا هایلایت شده

اگر در اجرای این راهنما به مشکل برخورد کردید و سایر سئوالات و پیشنهادات خود را در بخش سئوالات عمومی انجمن پلکسا مطرح نمایید. گروه توسعه وب پلکسا به سئوالات شما پاسخ خواهند داد.

عضویت در خبرنامه پلکسا

در صورت تمایل ایمیل خود را وارد کنید و تازه های پلکسا را از طریق ایمیل دریافت کنید. خبرنامه الکسا هفته نامه بوده و حاوی جدیدترین مطالب و نشریات پلکسا است.

با ما شریک شوید

با ما باشید

قابل توجه وبمسترها

وبمستر گرامی

در صورتی که به دنبال جذب بازدید کننده یا ارتقای رنکینگ سایت خود هستید، پیشنهاد می کنیم پلکسا را یک پست یا مطلب مهمان کنید. همانطور که برای سایت خود مطلب می نویسید، مطلب خود را آماده و کد نویسی کرده و در پلکسا منتشر کنید. پلکسا هیچگونه دخل یا تصرفی در پست شما نخواهد داشت.