em 태그는 텍스트를 강조할 때 설정합니다.

em 태그는 텍스트를 강조할 때 설정합니다.

Reference/HTML

em 태그는 텍스트를 강조할 때 설정합니다.

by @webs 2022. 12. 28.

<em>

<em> 태그는 텍스트를 강조할 때 설정합니다.

텍스트에서 강조하고 싶은 부분에 따라 의미가 달라질 수 있으며, 중요성을 전달 할 때에는 strong 요소를 사용합니다. em 요소는 이탤릭체로 표현이 되며, 이탤릭체로 사용하기 위함은 적절하지 않으며, font-style: italic 사용을 권장합니다.

---

특징	설명
요소	인라인 요소(Inline Element)
닫는 태그	적용(<em>~</em>)
버전	HTML4
시각적 표현	기울임꼴로 표시
사용성	★★★★☆

정의(Definition)

• <em> 태그는 텍스트를 강조할 때 설정합니다.
• <em> 태그는 텍스트에서 강조하고 싶은 부분에 따라 의미가 달라질 수 있습니다.
• <em> 태그는 기울임꼴로 표기됩니다. 기울임꼴을 사용하기 위해 사용하는 하는 것은 적절하지 않으며, font-style: italic을 권장합니다.
• <em> 태그는 중요성을 전달하기 위한 태그는 아닙니다. 중요성을 전달하기 위한 요소는 <strong> 태그가 적절합니다.
• <em> 요소와 <i> 요소는 이탤릭체로 표현되지만, <i> 요소는 외국어, 등장인물의 생각 등을 표현할 때 사용됩니다.

텍스트와 관련된 태그

• <b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.
• <em> 태그는 텍스트를 강조할 때 설정합니다.
• <strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.
• <mark> 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다.
• <i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

예제1(Sample)

텍스트와 관련된 예제입니다.

• <b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.
• <em> 태그는 텍스트를 강조할 때 설정합니다.
• <strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.
• <mark> 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다.
• <i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

HTML

CSS

SCRIPT

<ul>    
    <li><b>b</b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.</li>
    <li><em>em</em> 태그는 텍스트를 강조할 때 설정합니다.</li>
    <li><strong>strong</strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.</li>
    <li><mark>mark</mark> 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다.</li>
    <li><i>i</i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.</li>
</ul>

.sampleView a,
.sampleView code,
.sampleView var,
.sampleView samp,
.sampleView kbd {
    color: #FF4B4C;
    border-bottom: 1px solid #FF4B4C;
}

//Javascript none

호환성(Compatibility)

						6	7	8	9	10	11
<em>	○	○	○	○	○	○	○	○	○	○	○	○	○	○

참고(Reference)

• https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-em-element

---