HTML <i> 요소는 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다. 기술 용어, 외국어 구절, 등장인물의 생각 등을 예시로 들 수 있습니다. 보통 기울임꼴로 표시합니다.
<p>I looked at it and thought <i>This can't be real!</i></p>
<p>
<i>Musa</i> is one of two or three genera in the family <i>Musaceae</i>; it
includes bananas and plantains.
</p>
<p>
The term <i>bandwidth</i> describes the measure of how much information can
pass through a data connection in a given amount of time.
</p>
/* stylelint-disable-next-line block-no-empty */
i {
}
| 콘텐츠 카테고리 | 플로우 콘텐츠, 구문 콘텐츠, 뚜렷한 콘텐츠. |
|---|---|
| 가능한 콘텐츠 | 구문 콘텐츠. |
| 태그 생략 | 불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다. |
| 가능한 부모 요소 | 구문 콘텐츠를 허용하는 모든 요소. |
| 가능한 ARIA 역할 | 모두 |
| DOM 인터페이스 | `HTMLElement` |
특성
이 요소는 전역 특성만 포함합니다.
사용 일람
- 일반 산문과 다른 문체를 가진 텍스트에
<i>요소를 사용하세요. 주위 텍스트와 다른 의미를 가진 텍스트에 적용하면 됩니다. - 초기 HTML 명세의
<i>요소는,<b>요소가 굵은 글씨 적용에 그쳤던 것과 마찬가지로, 글자를 기울이기만 하는 단순한 시각적 요소였습니다. 그러나 지금은 글자 외형에 그치지 않고 특정한 의미를 지니는 요소이므로 시각적인 강조에 그치지 않습니다. 보통, 브라우저가 여전히<i>요소의 글자를 기울이겠지만, 명세에 따르면 꼭 그렇게 표시할 필요는 없습니다. <i>요소가 글자를 기울이기는 하지만, 기울임꼴을 적용하기 위한 용도로 사용해서는 안됩니다. CSSfont-style속성을 사용하세요.- 강조하려는 텍스트가 다른 요소에 더 적합하지 않은지 고려하세요.
<em>요소는 강세를 나타냅니다.<strong>요소는 보다 강한 강조를 나타냅니다.<mark>요소는 관련성을 나타냅니다.<cite>요소는 책, 공연, 음악 등 저작물의 이름을 나타냅니다.<dfn>요소는 정의 대상인 용어를 나타냅니다.
예제
다음 예제는 외국어를 강조하기 위해 <i> 요소를 사용합니다.
<p>
라틴어 문구 <i>Veni, vidi, vici</i>는 음악과 예술, 문학에 자주 등장합니다.
</p>
같이 보기
<em>