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)로 나타내거나, 따옴표를 붙이는 것을 고려해보세요.

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefoxiOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
i
MDN browser-compat-data

같이 보기