| |||||
| HTML의 주요 태그 목록 | |||||
|---|---|---|---|---|---|
| 분류 | 관련 태그 | ||||
| 문서 기본 구조 | <html> | <head> | <body> | <main> | <footer> |
| 메타데이터 | <title> | <meta> | <base> | <link> | |
| 콘텐츠 구획 | <header> | <nav> | <section> | <article> | <aside> |
| 텍스트 콘텐츠 | <h1>-<h6> | <p> | <div> | <span> | <pre> |
| 텍스트 형식 | <b> / <strong> | <i> / <em> | <small> | <sub> / <sup> | <mark> |
| 수정 표시 | <ins> | <del> | <s> | <u> | |
| 목록 | <ul> | <ol> | <li> | <dl> | <dt> / <dd> |
| 표 | <table> | <thead> / <tbody> | <tr> | <th> | <td> |
| 멀티미디어 | <img> | <audio> | <video> | <canvas> | <svg> |
| 임베드 | <iframe> | <embed> | <object> | <param> | |
| 스크립트 | <script> | <noscript> | <template> | <slot> | |
| 양식 | <form> | <input> | <button> | <select> / <option> | <textarea> |
| 구분선 | <br> | <hr> | |||
개요
<i> 태그는 HTML 문서에서 텍스트를 기울임꼴(italic)로 표시하기 위해 사용되는 태그이다. 이 태그는 HTML뿐만 아니라 미디어위키에서도 사용할 수 있으며, 위키에서는 ''텍스트'' 형태로도 동일한 효과를 낼 수 있다.
특징
기본 특징
<i> 태그의 주요 특징은 다음과 같다.
- 여는 태그(<i>)와 닫는 태그(</i>)가 모두 필요한 요소이다.
- 순수하게 시각적인 표현을 위한 태그이다.
- CSS를 통한 추가적인 스타일링이 가능하다.
- HTML5에서는 특별한 의미를 가진 텍스트(전문 용어, 다른 언어의 구절 등)를 표시하는 용도로도 사용된다.
의미론적 사용
현대의 웹 개발에서 <i> 태그는 다음과 같은 경우에 사용이 권장된다:
- 과학적 용어나 전문 용어
- 외국어 구절이나 관용구
- 인용된 텍스트에서 특별한 의미를 가진 부분
- 작품의 제목이나 예술 작품명
사용법
HTML에서의 사용
기본적인 사용법은 다음과 같다:
<i>이 텍스트는 기울임꼴로 표시됩니다.</i>
<i lang="en">This text will be italic.</i>위키에서의 사용
기본 사용법
위키에서는 두 가지 방식으로 기울임꼴을 적용할 수 있다:
1. 위키 문법 사용
''이 텍스트는 기울임꼴로 표시됩니다.''2. HTML 태그 사용
<i>이 텍스트는 기울임꼴로 표시됩니다.</i>일반적인 위키 문서 작성 시에는 일관성을 위해 위키 문법 사용을 권장한다.
다른 태그와의 조합
<i> 태그는 다른 태그들과 함께 사용할 수 있다:
<b><i>굵은 기울임꼴</i></b>
<span style="color: red;"><i>빨간색 기울임꼴</i></span>위키 문법으로는 다음과 같이 표현한다:
'''''굵은 기울임꼴'''''주의사항
의미론적 사용의 중요성
<i> 태그 사용 시 다음 사항들을 고려해야 한다: