HTML <i>: 관용적 텍스트 요소
HTML <i>
요소는 관용적 텍스트나 기술적 용어처럼 모종의 이유로 일반적인 글에서 벗어난 텍스트를 나타냅니다.
<p>찰나의 순간, 그는 생각했다. <i>그럴 수는 없다!</i></p>
<p>은행나무는 <i>Ginkgophyta</i>에 속하는 생물 중 유일하게 지금까지 생존하고 있습니다.</p>
특성
전역 특성만 포함합니다.
사용 일람
과거의 <i>
요소는 기울임꼴(이탤릭, italic)을 그리기 위해 사용했으며, 요소의 이름도 Italic에서 따온 것입니다. 지금도 대부분의 브라우저에서는 여전히 기울임꼴로 렌더링 하지만, 이제는 단순히 기울임꼴만을 위한 용도로 사용해서는 안됩니다. CSS font-style
을 사용하세요.
<i>
요소는 일반 산문에서 벗어난 글을 표시해서 가독성을 높이기 위해 사용합니다. 다른 느낌과 기분을 가진 글을 표시하는 것 외에도 다음과 같은 곳에 사용할 수 있습니다.
- 다른 목소리
- 학명 (Homo sapiens)
- 다른 언어로 된 용어 (et cetera)—
lang
특성을 지정해서 어떤 언어인지 나타내야 합니다. - 기술 용어
- 음역
- 생각 (그는 고민했다. 대체 무슨 속셈이지?)
- 주로 서양권에서, 함선 이름 (엔터프라이즈의 함교는 높았다.)
<i>
를 적용하려는 텍스트에 더 적합한 요소가 없는지 확인하세요.
- 강세를 표시하려면
<em>
을 사용하세요. - 중요성, 심각성, 시급성을 나타내려면
<strong>
을 사용하세요. - 관련성을 나타내려면
<mark>
를 사용하세요. - 책, 공연, 노래같은 창작물의 제목을 나타내려면
<cite>
를 사용하세요. - 정의 중인 용어를 나타내려면 [
<dfn>
]을 사용하세요.
대부분의 한글 글꼴은 별도의 이탤릭(italic)과 오블리크(oblique) 글꼴을 포함하지 않으므로 일반 글꼴을 인위적으로 기울여 그립니다. 이 과정에서 글자 형태가 어긋나 가독성에 악영향을 줄 수 있습니다.
CSS를 사용해서 기울임꼴은 제거하고, 다른 굵기(font-weight
)나 다른 글꼴(font-family
)로 나타내거나, 따옴표를 붙이는 것을 고려해보세요.
명세
브라우저 호환성
IE | Edge | Chrome | Safari | Firefox | iOS Safari | Android WebView | Android Chrome | Android Firefox | Samsung Internet | |
---|---|---|---|---|---|---|---|---|---|---|
i |