HTML/태그/i 편집하기

{{틀:html_태그}}

== 개요 ==
<code><nowiki><i></nowiki></code> 태그는 [[HTML]] 문서에서 텍스트를 기울임꼴(italic)로 표시하기 위해 사용되는 태그이다. 이 태그는 HTML뿐만 아니라 [[미디어위키]]에서도 사용할 수 있으며, 위키에서는 <nowiki>''텍스트''</nowiki> 형태로도 동일한 효과를 낼 수 있다.

== 특징 ==
=== 기본 특징 ===
<code><nowiki><i></nowiki></code> 태그의 주요 특징은 다음과 같다.
* 여는 태그(<nowiki><i></nowiki>)와 닫는 태그(<nowiki></i></nowiki>)가 모두 필요한 요소이다.
* 순수하게 시각적인 표현을 위한 태그이다.
* CSS를 통한 추가적인 스타일링이 가능하다.
* HTML5에서는 특별한 의미를 가진 텍스트(전문 용어, 다른 언어의 구절 등)를 표시하는 용도로도 사용된다.

=== 의미론적 사용 ===
현대의 웹 개발에서 <code><nowiki><i></nowiki></code> 태그는 다음과 같은 경우에 사용이 권장된다:
* 과학적 용어나 전문 용어
* 외국어 구절이나 관용구
* 인용된 텍스트에서 특별한 의미를 가진 부분
* 작품의 제목이나 예술 작품명

== 사용법 ==
=== HTML에서의 사용 ===
기본적인 사용법은 다음과 같다:
<syntaxhighlight lang="HTML">
<i>이 텍스트는 기울임꼴로 표시됩니다.</i>
<i lang="en">This text will be italic.</i>
</syntaxhighlight>

=== 위키에서의 사용 ===
==== 기본 사용법 ====
위키에서는 두 가지 방식으로 기울임꼴을 적용할 수 있다:

1. 위키 문법 사용
<syntaxhighlight lang="text">
''이 텍스트는 기울임꼴로 표시됩니다.''
</syntaxhighlight>

2. HTML 태그 사용
<syntaxhighlight lang="text">
<i>이 텍스트는 기울임꼴로 표시됩니다.</i>
</syntaxhighlight>

일반적인 위키 문서 작성 시에는 일관성을 위해 위키 문법 사용을 권장한다.

==== 다른 태그와의 조합 ====
<code><nowiki><i></nowiki></code> 태그는 다른 태그들과 함께 사용할 수 있다:

<syntaxhighlight lang="HTML">
<b><i>굵은 기울임꼴</i></b>
<span style="color: red;"><i>빨간색 기울임꼴</i></span>
</syntaxhighlight>

위키 문법으로는 다음과 같이 표현한다:
<syntaxhighlight lang="text">
'''''굵은 기울임꼴'''''
</syntaxhighlight>

== 주의사항 ==
=== 의미론적 사용의 중요성 ===
<code><nowiki><i></nowiki></code> 태그 사용 시 다음 사항들을 고려해야 한다:
* 단순한 시각적 효과를 위해서는 CSS의 <code>font-style: italic;</code> 사용을 고려한다.
* 강조를 위해서는 [[em 태그]]를 사용하는 것이 더 적절할 수 있다.
* [[웹 접근성]] 측면에서 과도한 사용은 피해야 한다.

=== 대체 방안 ===
상황에 따라 다음과 같은 대체 태그 사용을 고려할 수 있다:
* 텍스트 강조: [[em 태그]]
* 중요한 텍스트: [[strong 태그]]
* 인용문: [[cite 태그]]
* 정의 용어: [[dfn 태그]]

== 관련 항목 ==
* [[HTML]]
* [[em 태그]]
* [[strong 태그]]
* [[위키 문법]]

== 브라우저 호환 ==
{{브라우저 호환
|기능=<code>i</code> 태그
|chrome=예
|edge=예
|firefox=예
|ie=예
|opera=예
|safari=예
|chrome_android=예
|firefox_android=예
|opera_android=예
|safari_ios=예
|samsung_internet=예
|webview_android=예
}}

== 각주 ==
<references/>

<!-- 분류 -->
[[분류:HTML]]
[[분류:웹 개발]]
[[분류:위키 문법]]