آموزش HTML – تگ i

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/10 | بخش : آموزش HTML

تعریف و کاربرد تگ i در HTML

تگ i تگی است که با استفاده از آن می توان یک متن یا کلمه را بصورت کج (ایتالیک) یا (Italic) ایجاد کرد.

برای مثال در این متن می خوام آدرس وب سایت که Sitekade.com هست را درون همین تگ قرار بدم، همانطور که می بینید آدرس سایت بصورت کج شده نمایش داده می شود.

  • تگ <i> بخشی از متن را با صدا یا حالتی متناوب تعریف می کند. محتوای تگ <i> معمولا به صورت کج یا مورب نشان داده می شود.
  • تگ <i> را می توان برای نشان دادن یک اصطلاح فنی، یک عبارت از زبانی دیگر، یک فکر، یک نام و غیره استفاده کرد.

از عنصر <i> زمانی استفاده می کنیم که یک عنصر معنایی (semantic) مناسب تری پیدا نکنیم، مانند زیر:

  • <em> (متن تاکید شده)
  • <strong> (متن مهم)
  • <mark> (متن نشانه گذاری شده)
  • <cite> (عنوان کار)
  • <dfn> (تعریف یک اصطلاح)

 

نکات و توضیحات

با توجه به وجود تگ های قالب بندی متن در HTML همانند : تگ em ، تگ strong ، تگ mark و… سعی کنید همیشه از این تگ ها در مکان مناسب و در جهت مناسب استفاده نمایید ، چرا که استفاده الکی و بی جهت از این تگ ها میتواند به سئوی وب سایت شما ضرر برساند.

معمولا (بیشترین استفاده) از این تگ ( تگ i ) برای فراخوانی یا استفاده از فونت آیکون ها در یک صفحه وب می باشد ، همانند سایت Font Awesome که با استفاده از آن می توان به راحتی از آیکون ها در صفحه وب استفاده نمود.

مثال از تگ i در HTML

<p>سایتکده <i>آموزش آنلاین</i> برنامه نویسی</p>

تمرین کنید !

 

پشتیبانی مرورگرها از تگ <i>

Element
<i> بله بله بله بله بله