<em>
<em> 태그는 텍스트를 강조할 때 설정합니다.
<em>
<em> 태그는 텍스트를 강조할 때 설정합니다.
| 특징 | 설명 |
|---|---|
| 요소 | 인라인 요소(Inline Element) |
| 닫는 태그 | 닫는 태그 사용(<em> ~ </em>) |
| 버전 | HTML4 |
| 시각적 표현 | 기울임꼴로 표시 |
| 사용성 |
정의(Definition)
- <em> 태그는 텍스트를 강조할 때 설정합니다.
- <em> 태그는 기울임꼴로 표기됩니다. 기울임꼴을 사용하기 위해 사용하는 하는 것은 적절하지 않습니다. CSS font-style: italic으로 설정합니다.
- <em> 태그보다 중요성을 강조하기 위해서는 <strong> 태그를 사용합니다.
비교(Compare)
- 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
- 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
- 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
- 글씨를 강조하고 중요성까지 강조하고 싶다면 <strong> 태그를 사용합니다.
- 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
- 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
- 글씨의 저작권 및 법적 텍스트 표시는 <small> 태그를 사용합니다.
- 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
- 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
- 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다
예제1(Sample)
글씨를 강조할 때 사용하는 예제입니다.
em 태그는 텍스트를 강조할 때 설정합니다.
HTML
CSS
SCRIPT
<p>em 태그는 텍스트를 <em>강조</em>할 때 설정합니다.</p>
//CSS none
//Javascript none
예제2(Sample)
글씨와 관련된 태그들 예제입니다.
글씨와 관련된 태그들
- 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
- 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
- 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
- 글씨를 강조하고 중요성까지 강조하고 싶다면 <strong> 태그를 사용합니다.
- 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
- 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
- 글씨의 저작권 및 법적 텍스트 표시는 <small> 태그를 사용합니다.
- 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
- 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
- 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다
HTML
CSS
SCRIPT
<h2>글씨와 관련된 태그들</h2>
<ul>
<li>글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i>i</i> 태그를 사용합니다.</li>
<li>글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b>b</b> 태그를 사용합니다.</li>
<li>글씨를 강조하고 싶다면 <em>em</em> 태그를 사용합니다.</li>
<li>글씨를 강조하고 중요성까지 강조하고 싶다면 <strong>strong</strong> 태그를 사용합니다.</li>
<li>글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark>mark</mark> 태그를 사용합니다.</li>
<li>글씨의 전문적인 용어를 정의할 때는 <dfn>dfn</dfn> 태그를 사용합니다.</li>
<li>글씨의 저작권 및 법적 텍스트 표시는 <small>small</small> 태그를 사용합니다.</li>
<li>글씨를 위첨자로 표현하고 싶다면 <sup>sup</sup> 태그를 사용합니다.</li>
<li>글씨를 아래첨자로 표현하고 싶다면 <sub>sub</sub> 태그를 사용합니다.</li>
<li>글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u>u</u> 태그를 사용합니다</li>
</ul>
//CSS none
//Javascript none
호환성(Compatibility)
|
|
|
|
|
 6
|
 7
|
8
|
 9
|
 10
|
 11
|
|
|
|
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <em> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
