آموزش تگ i در HTML

آموزش تگ i در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ i
در HTML به صورت کامل آشنا بشید.
تگ i در HTML
با استفاره از تگ i
میتوانیم متن یا کلمه ای را بصورت کج ( ایتالیک ) یا مورب( Italic ) ایجاد کنیم.
علاوه بر تگ i یک تگ دیگر تحت عنوان تگ em نیز داریم که در ظاھر دقیقا شبیه به تگ i است. ولی در اصل معنای دیگری برای مرورگرها و موتورهای جستجوگر دارند.فرق بین این تگ خا این است که تگ i
ھیچ تاکیدی بر روی متن ندارد و صرفا متن را کج میکند اما تگ em علاوه بر اینکه روی متن تاکید میکند باعث مورب شدن متن هم میشود.این موضوع باعث میشود که موتورهای جستجوگر هم به آن توجه کنند.
دو مثال برای تگ i در HTML
در ادامه دوره آموزشی html css پروژه محور به چند تا از مثال های این تگ میپردازیم تا بیشتر و بهتر با این تگ آشنا شوید.
مثال اول : استفاده از تگ i
بدون استفاده از استایل یا کد های css
<body> Salam Khobi? Man <i>milad</i> Hastam. </body>
مثال دوم : استفاده از استایل برای تگ i با بهره گیری از کد های CSS
i{ background-color:#f2f2f2; color:#f23e06; padding:3px; border-bottom:3px solid #000; font-weight:800; border-radius:10px; }
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید
پشتیبانی مرورگرها از تگ i
در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ i
در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی تگ i از صفات و رویدادهای عمومی
تگ i
قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
- یکی از بهترین راه ها برای سئوی بهتر است ایت که از تگ ها در جاهای مناسب خود استفاده کنیم. در صورت استفاده صحیح از تگ ها شاهد سئوی بهتری هم خواهیم بود. برای مثال اگر میخواهید بر روی متنی تاکید داشته باشید. متن مورد نظر را داخل تگ em قرار دهید. اما در صورت اینکه فقط میخواهید متن شما کج نشان داده شود باید از تگ i استفاده کنید.
دستورات پیش فرض CSS
اغلب مرورگرها تگ i
را بصورت پیش فرض با دستورات CSS یه شکل زیر نمایان میکنند. شما عزیزان نیز میتوانید بدون هیچ تغییری از این کد های css استفاده کنید.
i { font-style: italic; }
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید