i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

Reference/HTML

i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

by @webs 2022. 12. 28.

<i>

<i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

<i> 태그는 이탤릭체를 표현하기 위한 속성이였으나, 현재는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 사용하는 속성으로 변경되었습니다. <i> 태그는 기술 용어, 외국어, 생각 등을 표현할 때 설정하고, 이탤릭체로 표현됩니다. 이탤릭체로 표현하기 위해서 <i> 태그는 적절하지 않으며, CSS의 font-style: italic을 사용합니다.

---

특징	설명
요소	인라인 요소(Inline Element)
닫는 태그	적용(<i>~</i>)
버전	HTML4
시각적 표현	이탤릭체로 표시
사용성	★☆☆☆☆

정의(Definition)

• <i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.
• <i> 태그는 기술 용어, 외국어, 생각 등을 표현할 때 설정합니다.
• <i> 태그는 이탤릭체로 표현됩니다. 이탤릭체를 표현하기 위함이라면 CSS font-style: italic을 사용합니다.
• HTML4에서 <i> 태그는 이탤릭체를 위한 속성이였지만, HTML5에서는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 사용되는 의미로 변경되었습니다.

텍스트와 관련된 태그

• <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
<strong>	○	○	○	○	○	○	○	○	○	○	○	○	○	○

참고(Reference)

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

---