MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

개요

HTML Emphasis 요소 (<em>) 는 강조를 표시할때 사용합니다. <em> 요소는 중첩될수 있으며, 중첩의 단계는 강조의 단계를 나타냅니다.

사용 참고: 일반적으로 이 요소는 이탤릭체로 표시됩니다. 하지만, 이 요소는 단순히 이탈릭 타입을 표시하기 위해 사용되어서는 안됩니다.(단순히 이탈릭 타입을 표시하고 싶다면, CSS 스타일링을 사용하세요). 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.

속성

이 요소는 전역 속성만을 포함합니다.

예제

The <em> element is often used to indicate an implicit or explicit contrast.

<p>
  예전에 <em>block-level</em> 컨텐츠라 불리던것은 이제 HTML5에서 <em>flow</em> 컨텐츠라고 불립니다.
</p>

결과

예전에 block-level 컨텐츠라 불리던것은 이제 HTML5에서 flow 컨텐츠라고 불립니다.

<i> vs. <em>

신입 개발자들은 글자를 강조하는데에 왜 이렇게 많은 요소들이 있는지에 대해 혼란스러워합니다.  아마도 <i>와 <em>가 그중 흔한 경우일것입니다.. 왜 <em></em><i></i>를 사용하는걸까요? 분명 그들은 같은 결과를 나타내는데 말입니다.

하지만 전혀 그렇지 않습니다. 두 태그 모두 기본적으로 이탤릭체로 렌더링되지만 시멘틱 의미는 다릅니다. <em> 태그는 내용의 강조를 나타내는데에 비해 <i> 태그는 일반적인 글자와 분리된 글자(책이나 영화의 이름,외국 단어, 혹은 단어가 의미론적 뜻 대신에 단어의 정의를 나타낼떄처럼, )를 나타낼떄 사용합니다.

<em>는 이런식으로 쓰일수 있습니다: "Just do it already!", 또는: "We had to do something about it". A person or software reading the text would pronounce the words in italics with an emphasis.

<i>는 이런식으로 쓰일수 있습니다: "TheQueen Mary sailed last night". 여기서 "Queen Mary" 단어에 추가된 강조나 중요성은 없습니다. 이건 Mary라는 이름을 가진 여왕이 아니라, Queen Mary 라는 이름을 가진 배를 나타내는것 뿐입니다. Another example for <i> could be: "The word the is an article".

사양

사양 상태 주석
WHATWG HTML Living Standard
The definition of '<em>' in that specification.
Living Standard  
HTML5
The definition of '<em>' in that specification.
Recommendation  
HTML 4.01 Specification
The definition of '<em>' in that specification.
Recommendation  

브라우저 호환성

기능 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (Yes) (Yes) (Yes) (Yes)
기능 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)

같이 보기

문서 태그 및 공헌자

 이 페이지의 공헌자: yanhkim, azunyan3
 최종 변경: yanhkim,