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

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

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

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

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

مثال ۱:
I can <em>not</em> emphasise this enough!

مثال ۲:

<p>

  In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content.

</p>

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

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

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

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

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

در واقع اینطور نیست. نتیجه های بصری به طور پیش فرض, یکسان است و هر دو تگ ، محتوا را به صورت کج (ایتالیک) نمایش میدهند. اما از نظر معناشناختی متفاوت هستند. برچسب <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 پشتیبانی میکند

accesskey	hidden	itemtype
class	id	lang
contenteditable	inert	spellcheck
contextmenu	itemid	style
dir	itemprop	tabindex
draggable	itemref	title
dropzone	itemscope	translate

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

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

onabort	onended	onmousewheel
oncancel	onerror	onpause
onblur	onfocus	onplay
oncanplay	onformchange	onplaying
oncanplaythrough	onforminput	onprogress
onchange	oninput	onratechange
onclick	oninvalid	onreadystatechange
oncontextmenu	onkeydown	onscroll
ondblclick	onkeypress	onseeked
ondrag	onkeyup	onseeking
ondragend	onload	onselect
ondragenter	onloadeddata	onshow
ondragexit	onloadedmetadata	onstalled
ondragleave	onloadstart	onsubmit
ondragover	onmousedown	onsuspend
ondragstart	onmousemove	ontimeupdate
ondrop	onmouseout	onvolumechange
ondurationchange	onmouseover	onwaiting
onemptied	onmouseup

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

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