<em>

개요

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

• 컨텐츠 범주 플로우 컨텐츠, 구문 컨텐츠, palpable 컨텐츠
• 허용된 컨텐츠 구문 컨텐츠.
• 태그 생략 None, both the starting and ending tag are mandatory.
• 허용된 부모 요소 구문 컨텐츠를 허용하는 요소
• DOM 인터페이스 HTMLElement
  Gecko 1.9.2 (Firefox 4) 까지는, Firefox는 이 요소를 위해 HTMLSpanElement 인터페이스를 구현했습니다.

속성

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

예제

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".

사양

브라우저 호환성

같이 보기

• <i>