این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ i در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ i در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ i در HTML
تگ i تگی است که با استفاده از آن میتوان یک متن / کلمه را بصورت کج ( ایتالیک ) یا ( Italic ) ایجاد کرد.
حال تگ em نیز در ظاھر دقیقا شبیه به تگ i می باشد ( یعنی در خروجی شکل متن بصورت کج / شکسته می باشد ) ولی خب در معنا برای مرورگرها و موتورهای جستجوگر کاملا فرق دارند، تگ i ھیچ گونه تاکیدی بروی متن ندارد و فقط متن رو کج میکنه ولی خب تگ em ینی داره روی اون متن تاکید میکنه و اینجوری موتورهای جستجوگر بهش توجه میکنند.
پیشنهاد میکنم حتما آموزش کار با تگ های قالب بندی متن ها را در HTML مشاهده نمایید.
Free-Learn
مثال از تگ i در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ i ( بدون استایل )
|
1 2 3 4 5 |
<body> Salam Khobi? Man <i>Sadegh</i> Hastam. </body> |
مثال شماره ۲ : استایل دادن به تگ i با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<style> i{ background-color:#f2f2f2; color:#f23e06; padding:3px; border-bottom:3px solid #000; font-weight:800; border-radius:10px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ i در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ i از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- از نظر سئوی محتوایی ، باید سعی کنید از تگ ها در مکان مناسب و برای هدف مناسب استفاده کنید، مثلا اگه میخواید روی متنی تاکید داشته باشید خب اونو بزارید داخل تگ em ، ولی اگه فقط میخواید متن رو کج کنید خب باید از تگ i استفاده کنید
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ i را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
i { font-style: italic; } |
