آموزش تگ em در HTML
آموزش تگ em در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ em در HTML به صورت کامل آشنا بشید.
تگ em در HTML
تگ em خلاصه شده عبارت Emphasized است و جزو تگ های عبارتی یا Phrase می باشد، با استفاده از این تگ میتوانیم بر روی یک متن یا کلمه تاکید داشته باشیم. وجود این تگ برای سئو بسیار حائز اهمیت و مهم است.
متنی که داخل تگ em قرار میگیرد. به عبارتی داریم روی آن متن تاکید میکنیم. موتورھای جستجوگر همچون گوگل به این تگ توجه خاصی می کنند. متن داخل این تگ را به عنوان یک متن با ارزش محتوایی بالا به حساب می آورند.
تگ i نیز در ظاھر شباهت زیادی به تگ em دارد یعنی متن داخل هر دو تگ به صورت کج یا شکسته نمایش داده میشود. اما از دید مرورگرها و موتورهای جستجوگر کاملا فرق دارند، تگ i ھیچ گونه تاکیدی بر روی متن داخل خود ندارد و صرفا متن را کج نشان میدهد و عملا هیچ نوع ارزشی برای مرورگر ها ندارد.
جدول زیر تمامی تگ های عبارتی را برایتان لیست کرده است و میتوانید آنها را مشاهده نمایید :
دو مثال برای تگ em در HTML
در ادامه دوره آموزشی html css پروژه محور به دو تا از مثال های این تگ میپردازیم که شما عزیزان درک بهتری از این تگ داشته باشید.
مثال اول : استفاده از تگ em بدون استفاده از کد های css
<body> <p>Salam Khobi? Man <em>milad</em> Hastam.</p> </body>
مثال دوم : استایل دادن به تگ em این بار با استفاده از کد های CSS
em{
font-weight:bold;
color:#9C27B0;
border-bottom:2px solid #9C27B0;
border-top:2px solid #9C27B0;
}
راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید
پشتیبانی مرورگرها از تگ em
در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ em در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی تگ em از صفات و رویدادهای عمومی
تگ em قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
- از نظر اصول سئو بهتر است سعی کنید از تگ ها در مکان های مناسب به خود استفاده کنید، به عنوان مثال اگه میخواهید روی یک متن تاکید داشته باشید، بهترین گزینه این است که آن راداخل یک تگ
emقرار دهید، اما اگر قصد دارید فقط آن متن را کج کنید بهتر است از تگ i استفاده کنید. - همان طور که قبلا به این موضوع اشاره شد استفاده از تگ ها در جاهای مناسب میتواند به سئوی سایت ما کمک کند. اما از طرفی اگر بی جهت از تگ ها استفاده کنیم ، نتیجه عکس از خود به جا خواهد گذاشت.
- استفاده از تگ مانند صحبت کردن با گوگل است. حال اگر ما بخواهیم به زبان ساده به گوگل بفهمانیم که از وی چه چیزی را میخواهیم. باید از تگ ها به مقدار نیاز و البته در جای مناسب خود استفاده کنیم. حالا اگر ما از تگ ها بیش از اندازه استفاده کنیم مثل این است که ما با یک زبان عجیب و غریب با گوگل تکلم میکنیم (گوگل هم چون حوصله این کارا رو نداره به تلافی سر درد هایی که بهش دادین میزنه کلا سئوی سایت رو خراب میکنه)
دستورات پیش فرض CSS
اغلب مرورگرها تگ em را به شکل کد های CSS مانند کد های زیر نمایش میدهند شما عزیزان نیز میتوانید بدون هیچ تغییری از این کد ها استفاده کنید.
em {
font-style: italic;
}
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید