em

설명

The HTML Emphasis Element (<em>) marks text that has stress emphasis. The <em> element can be nested, with each level of nesting indicating a greater degree of emphasis.

Italics vs. emphasis

It is often confusing to new developers why there are so many ways to express the same thing on a rendered website. Italics and emphasis are perhaps one of the most common. Why use <em></em> vs <i></i>? They produce exactly the same result right?

 

Not exactly: emphasis is a logical state, and italics is a physical state. Logical states separate presentation from the content, and by doing so allows for it to be expressed in many different ways, perhaps instead of rendering some text as italics you want to render it red, or a different size, or underlined, or even bold. It makes more sense to change the presentational properties for <em> than it does for italics. This is because italics is a physical state; there is no separation of presentation and content, making italics do anything other than italicize text would be confusing and illogical.

참고 : Typically this element is displayed in italic type. However, it should not be used simply to apply italic styling; use the <i> element, or CSS styling for that purpose. Use the <cite> element to mark the title of a work (book, play, song, etc.); it is also typically styled with italic type, but carries different meaning. Use the <strong> element to mark text that has greater importance than surrounding text.

Usage Context

Permitted content	Phrasing content
Tag omission	None, must have both a start tag and an end tag.
Permitted parent elements	Any element that accepts phrasing content.
Normative document	HTML 5, section 4.6.2; HTML 4.01, section 9.2.1

속성

이 엘리먼트는 전역속성을 지원한다.

예제

The <em> element is often used to indicate an implicit or explicit contrast.
<em> 요소는 암시적이거나 분명하게 대조적인 것을 나타낼 때 흔히 쓰인다.

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

DOM Interface

This element implements the HTMLElement interface.

이 엘리먼트는 HTMLElement 인터페이스를 구현한다.

호환성

Desktop

기능	구글크롬	파이어폭스Gecko)	인터넷 익스플로러	Opera	Safari
기본적인 지원	1.0	지원	지원		지원

Mobile

기능	안드로이드	파이어폭스 모바일(Gecko)	인터넷 익스플로러 모바일	오페라 모바일	사파리 모바일
기본적인 지원	지원	지원	지원	지원	지원

참고

• 원본 - https://developer.mozilla.org/en/HTML/Element/em
• <i>