싲가 |
내용 보강 |
||
| 1번째 줄: | 1번째 줄: | ||
{{틀:html_태그}} | {{틀:html_태그}} | ||
== | == 개요 == | ||
[[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"> | <syntaxhighlight lang="HTML"> | ||
<i> | <i>이 텍스트는 기울임꼴로 표시됩니다.</i> | ||
<i lang="en">This text will be italic.</i> | |||
</syntaxhighlight> | </syntaxhighlight> | ||
=== 위키에서의 사용 === | |||
==== 기본 사용법 ==== | |||
위키에서는 두 가지 방식으로 기울임꼴을 적용할 수 있다: | |||
'' | 1. 위키 문법 사용 | ||
<syntaxhighlight lang="text"> | |||
''이 텍스트는 기울임꼴로 표시됩니다.'' | |||
</syntaxhighlight> | |||
2. HTML 태그 사용 | |||
<syntaxhighlight lang="text"> | |||
<i>이 텍스트는 기울임꼴로 표시됩니다.</i> | |||
</syntaxhighlight> | |||
== | 일반적인 위키 문서 작성 시에는 일관성을 위해 위키 문법 사용을 권장한다. | ||
==== 다른 태그와의 조합 ==== | |||
<code><nowiki><i></nowiki></code> 태그는 다른 태그들과 함께 사용할 수 있다: | |||
<syntaxhighlight lang="HTML"> | <syntaxhighlight lang="HTML"> | ||
<b><i> | <b><i>굵은 기울임꼴</i></b> | ||
<span style="color: red;"><i>빨간색 기울임꼴</i></span> | |||
</syntaxhighlight> | </syntaxhighlight> | ||
위키 문법으로는 다음과 같이 표현한다: | |||
<syntaxhighlight lang="text"> | |||
'''''굵은 기울임꼴''''' | |||
</syntaxhighlight> | |||
== 주의사항 == | |||
=== 의미론적 사용의 중요성 === | |||
<code><nowiki><i></nowiki></code> 태그 사용 시 다음 사항들을 고려해야 한다: | |||
* 단순한 시각적 효과를 위해서는 CSS의 <code>font-style: italic;</code> 사용을 고려한다. | |||
* 강조를 위해서는 [[em 태그]]를 사용하는 것이 더 적절할 수 있다. | |||
* [[웹 접근성]] 측면에서 과도한 사용은 피해야 한다. | |||
=== 대체 방안 === | |||
상황에 따라 다음과 같은 대체 태그 사용을 고려할 수 있다: | |||
* 텍스트 강조: [[em 태그]] | |||
* 중요한 텍스트: [[strong 태그]] | |||
* 인용문: [[cite 태그]] | |||
* 정의 용어: [[dfn 태그]] | |||
== 관련 항목 == | |||
* [[HTML]] | |||
* [[em 태그]] | |||
* [[strong 태그]] | |||
* [[위키 문법]] | |||
== 각주 == | |||
<references/> | |||
<!-- 분류 --> | |||
[[분류:HTML]] | |||
[[분류:웹 개발]] | |||
[[분류:위키 문법]] | |||
2025년 1월 1일 (수) 22:50 판
| |||||
| 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> 태그 사용 시 다음 사항들을 고려해야 한다: