تگ em و کاربرد آن در html

تگ em و کاربرد آن در html

برچسب <em> یک برچسب عبارتی است که برای نشان دادن تاکید مورد استفاده قرار میگیرد و متن تاکیدی را احاطه میکند. این عنصر را میتوان در داخل عناصر دیگر بکار برد .

نکته: این تگ نامناسب شناخته نشده اما برای رسیدن نتیجه مطلوب تر میتوان از CSS استفاده کرد .

لیست برچسب های عبارتی

تگتوضیحات
<em>یک متن تاکیدی را تعریف میکند
<strong>یک متن مهم را تعریف میکند
<dfn>یک اصطلاح تعریف شده را تعریف می کند
<code>یک قطعه از کد کامپیوتری را تعریف می کند
<samp>یک خروجی نمونه از برنامه کامپیوتری تعریف می کند
<kbd>ورودی صفحه کلید را تعریف می کند
<var>یک متغیر تعریف می کند

مثال ۱:

 

مثال ۲:

 

مثال های فوق را در یک ادیتور مانند notepad کپی کرده و آن را با پسوند html ذخیره کنید . با کلیک بر روی فایل ایجاد شده ، میتوانید نتیجه کدهای نوشته شده در فایل را در مروگر مشاهده کنید.

تگ em و کاربرد آن در html

این عنصر معمولا به صورت ایتالیک یا مورب نمایش داده می شود. با این حال، نباید به سادگی برای اعمال استایل ایتالیک مورد استفاده قرار بگیرد ؛ برای اینکار از css استفاده کنید. به منظور نشانه گذاری عنوان یک کار یا اثر (کتاب، بازی، آهنگ، و غیره) از عنصر <cite> که آن هم به صورت ایتالیک نوشته میشود و برای دادن تاکید و اهمیت بیشتر به یک متن از عنصر <strong> استفاده کنید.

تفاوت بین عنصر i و em

این سوال برای توسعه دهندگان مطرح میشود که چرا عناصر بسیاری برای تاکید متن وجود دارد! <i> و <em> شاید یکی از رایج ترین عناصر تاکیدی باشند. چرا از <em> < em/> به جای <i> < i/> استفاده میشود در حالی هر دو نتیجه ی یکسانی خواهند داشت ؟

تگ em و کاربرد آن در html

تگ em و کاربرد آن در html

در واقع اینطور نیست. نتیجه های بصری به طور پیش فرض, یکسان است و هر دو تگ ، محتوا را به صورت کج (ایتالیک) نمایش میدهند. اما از نظر معناشناختی متفاوت هستند. برچسب <em> نشان دهنده محتوای تاکیدی می باشد، در حالی که <i> نشان دهنده ی متنی است که خارج از نثر عادی نوشته شود، مانند نام یک فیلم ، کتاب یا یک کلمه خارجی، و یا وقتی که متنی به جای معنای مفهومی، به تعریف یک کلمه اشاره دارد.

به عنوان مثال “Just do it already!” و یا “We had to do something about it”.که به صورت کج (ایتالیک) نوشته شده اند، با تاکید تلفظ میشوند. در این مثال از تگ em برای تاکید واژگان استفاده شده است.

در جمله  “The Queen Mary sailed last night” هیچ تأکیدی وجود ندارد . در این مثال از تگ i استفاده شده و به معنی ملکه ای به نام  Mary نیست بلکه به نام یک کشتی (Queen Mary) اشاره دارد.

تگ em و کاربرد آن در html

تفاوت بین HTML 4.01 و HTML5

هیچ تفاوتی بین تگ em در HTML4 و HTML5 وجود ندارد.

 خاصیت ها

تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .

۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:

خاصیت ویژه عنصر

خاصیت عمومی

خاصیت رویداد 

خاصیت ویژه عنصر 

تگ em هیج خاصیت ویژه ای ندارد.

خاصیت های عمومی

تگ em از خاصیت های عمومی HTML پشتیبانی میکند

accesskeyhiddenitemtype
classidlang
contenteditableinertspellcheck
contextmenuitemidstyle
diritemproptabindex
draggableitemreftitle
dropzoneitemscopetranslate

 

خاصیت های رویداد

تگ em از خاصیت های رویداد در HTML نیز پشتیبانی میکند.

onabortonendedonmousewheel
oncancelonerroronpause
onbluronfocusonplay
oncanplayonformchangeonplaying
oncanplaythroughonforminputonprogress
onchangeoninputonratechange
onclickoninvalidonreadystatechange
oncontextmenuonkeydownonscroll
ondblclickonkeypressonseeked
ondragonkeyuponseeking
ondragendonloadonselect
ondragenteronloadeddataonshow
ondragexitonloadedmetadataonstalled
ondragleaveonloadstartonsubmit
ondragoveronmousedownonsuspend
ondragstartonmousemoveontimeupdate
ondroponmouseoutonvolumechange
ondurationchangeonmouseoveronwaiting
onemptiedonmouseup

پشتیبانی مرورگر 

برچسب  emدر همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *