em 요소

정의

emphatic stress; em 요소는 강조를 나타냅니다. 이 요소는 주관적인 강조를 나타낼 뿐, 중요성을 나타내지는 않습니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

기본 문법은 다음과 같습니다. 데모

<p>
  <em>버섯</em>은 맛있는 식물입니다.
</p>

em 요소는 글쓴이의 주관을 나타내므로 em 요소가 어디 있느냐에 따라 문장의 의미가 달라질 수 있습니다. 예를 들어 위의 예제에서는 “버섯이 맛있는 식물”이라고 말했습니다. 이 문장은 “시금치나 미나리도 제법 맛있지만 역시 버섯이 최고죠” 라는 의미가 있습니다.

em 요소를 옮기면 어떻게 될까요?

<p>
  버섯은 <em>맛있는</em> 식물입니다.
</p>

이제 이 문장은 버섯이 “맛있다”고 강조합니다. “버섯이 맛이 없다니? 혹시 당신의 입맛은 조미료에 너무 길들어 버린 것이 아닐까요?” 라는 의미가 있습니다.

<p>
  버섯은 맛있는 <em>식물</em>입니다.
</p>

이제 이 문장은 버섯이 “식물이다” 라고 강조합니다. 맛있다는 것은 그저 수식일 뿐이고, 식물이라는 점을 강조하고 있는 것이죠. “버섯 요리를 잘 하면 마치 고기를 씹는 것 같은 느낌이 있지만 이건 분명 식물입니다”라는 의미가 있습니다.

속성

속성명 설명
전역 속성 공통 속성

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

  • em 요소는 기울임꼴 요소가 아닙니다. 글쓴이의 주장을 강조하는데 씁니다. 글의 일부분을 기울임꼴로 표현하려 할 때는 i 요소가 좀 더 적합합니다.
  • 시작/종료 태그 생략 정보는 명세 8.1.2.4 선택적 태그의 주석을 참조해 주세요.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/em.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki