تگ i و تگ em در HTML

امروز درباره تگ i در html و تگ em در html خواهیم پرداخت و میگوییم چیست و چه کاربردی دارد. در ادامه آموزش html همراه میزفا باشید.

با یکی دیگر از جلسات آموزش طراحی سایت با HTML در خدمت شما عزیزان هستیم ، در جلسه گذشته به معرفی تگ های b و strong پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ i و تگ em در HTML که به منظور مورب کردن متن در HTML به کار می‌روند آشنا نماییم .

معرفی تگ i و تگ em

با استفاده از تگ i و em در HTML می توانیم محتوای درون این تگ ها را به صورت مورب (Italic) نمایش دهیم.
به منظور درک بهتر کاربرد تگ <i> و تگ <em> در طراحی سایت به مثال‌های زیر توجه کنید در این مثال ها عبارت طراحی سایت به صورت مورب نشان داده می‌شود.

<p> آموزش 
   <i> طراحی سایت </i>
</p>

<p> آموزش 
   <em> طراحی سایت </em>
</p>

تفاوت تگ i و تگ em

ممکن است که برای شما این سوال پیش بیاید که تگ i و em هر دو محتوای درون خود را به صورت مورب نمایش می‌شوند پس چه تفاوتی بین این دو تگ وجود دارد؟ در پاسخ به این سوال باید گفت که نام تگ em از کلمه لاتین (emphasize) به معنی “تاکید” گرفته شده  و زمانی که بخواهیم بر روی یک محتوا تاکید کنیم از تگ em استفاده می‌کنیم، در غیر اینصورت بهتر است از تگ i استفاده شود.

نکات تکمیلی در مورد تگ i و تگ em

• تگ های i و em توسط تمامی مرورگرها پشتیبانی می‌شوند.
• به جای این تگ ها می‌توانید از CSS و font-style:italic; استفاده کنید، اما برای سئو بهتر است که از این تگ ها استفاده کنید.

پایانترم

نتیجه گیری

خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در نظرات میزفا مطرح کنید.