코드랩 레퍼런스

<i> 본문

HTML

<i>

webstoryboy 2016. 6. 3. 13:59
<i> 태그는 음성이나 감정 등의 텍스트를 정의합니다.
특징 설명
콘텐츠 카테고리 Flow content, Phrasing content, Palpable content.
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<i>~</i>)
시각적 표현 이탤릭체로 표현
버전 HTML4

Definition

  • <i> 태그는 목소리나 감정 등의 텍스트를 정의합니다.
  • <i> 태그는 기술적인 구문이나, 외국어, 사상, 생각, 선박이름, 주변 콘텐츠와 다른 방식으로 표시하는 텍스트를 강조할 때도 사용합니다.
  • <i> 태그는 글씨를 굵게 표현할 때 쓰는 <b> 태그, 글씨를 강조할 때 쓰는 <em> 태그, 글씨의 중요성을 강조할 때 쓰는 <strong> 태그, 참고용으로 표시할 때 쓰는 <mark> 태그에 해당되지 않을 때 고려해서 사용합니다.

Compare

  • 목소리나 감정등의 분위기를 나타낼 때는 <i> 태그를 사용합니다.
  • 작품의 제목을 사용할 때에는 <cite> 태그를 사용합니다.
  • 저작권 또는 법적인 텍스트를 사용할 때에는 <small> 태그를 사용합니다.
  • 전문적인 용어를 사용할 때에는 <dfn> 태그를 사용합니다.
  • 맞춤법이 틀린 단어 또는 중국어를 사용할 때에는 <u> 태그를 사용합니다.

CrossBroswing

  • HTML4에서 <i> 태그는 이탤릭체로 표현하기 위해 사용하였지만, HTML5에서 <i> 태그는 기술적인 구문, 언어 및 사상, 선박이름에 정의하는데 사용합니다.

Sample

i 태그

  • 목소리감정등의 분위기를 나타낼 때는 <i> 태그를 사용합니다.
  • 작품의 제목을 사용할 때에는 <cite> 태그를 사용합니다.
  • 저작권 또는 법적인 텍스트를 사용할 때에는 <small> 태그를 사용합니다.
  • 전문적인 용어를 사용할 때에는 <dfn> 태그를 사용합니다.
  • 맞춤법이 틀린 단어 또는 중국어를 사용할 때에는 <u> 태그를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>i</title>
</head>
<body>
	<h1>i 태그</h1>
	<div>
		<ul>
			<li><i>목소리</i>나 <i>감정</i>등의 분위기를 나타낼 때는 <i> 태그를 사용합니다.</li>
			<li><cite>작품의 제목</cite>을 사용할 때에는 <cite> 태그를 사용합니다.</li>
			<li><small>저작권</small> 또는 <small>법적인 텍스트</small>를 사용할 때에는 <small> 태그를 사용합니다.</li>
			<li><dfn>전문적인 용어</dfn>를 사용할 때에는 <dfn> 태그를 사용합니다.</li>
            <li><u>맞춤법이 틀린 단어 또는 중국어</u>를 사용할 때에는 <u> 태그를 사용합니다.</li>
		</ul>
	</div>
</body>
</html>

Ad

Comments