html/css 독학하기

코스 전체목록

닫기

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.

HTML 강조 요소인 <em>은 강조할 텍스트를 표시한다. <em> 요소는 중첩해서 사용할 수 있으며, 중첩 할수록 더욱 강조된 요소임을 의미하게 된다.

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?

웹사이트에 같은 것을 표현하는 데 왜 많은 방법이 있는지 개발자들은 종종 당황하고 있다. 이탤릭과 강조는 가장 많이 쓰이는 방법 중 하나일 것이다. 왜 <em></em>을 쓰거나 <i></i>를 쓰는가? 정확하게 같은 결과를 내놓는 거 아닌가?

 

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.

꼭 그렇진 않다. 강조는 논리적 상태고, 이탤릭은 물리적인 상태다. 논리적 상태는 콘텐트에서 표현을 분리하고, 그렇게 함으로써 이탤릭 뿐만 아니라 많은 다른 방법으로 표현할 수 있다. 빨간 색이나, 다른 사이즈, 밑줄, 볼드체까지. 표현적 속성은 이탤릭보다 <em>으로 쓰는 게 훨씬 말이 된다. 왜냐면 이탤릭은 물리적 상태이기 때문이다.
 

참고 : 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.

일반적으로 이 요소는 이탤릭으로 표시된다. 그렇지만, 단순히 이탤릭 스타일링을 하는 것으로 사용하면 안 된다. 그런 용도로는 <i> 요소나 css 스타일링을 하면 된다. 작업의 제목(책, 연극, 노래 등)으로는 <cite> 요소를 사용하라. 이것도 일반적으로 이탤릭으로 스타일링하지만, 다른 의미를 가진다. 주변의 텍스트보다 큰 중요도를 가지는 텍스트에는 <strong> 요소를 사용하라.

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) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원 지원 지원 지원 지원 지원

참고

댓글

댓글 본문
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기