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