편집 토론 문서 역사

HTML/태그/i: 두 판 사이의 차이

< HTML
시각위키텍스트
싲가
 
Gaon12 (토론 / 기여)
2,584 편집
브라우저 호환 틀 추가
 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{틀:html_태그}}<br/>
{{틀:html_태그}}


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


태그 i는 ''"이탤릭체"''<ref>로마자 활자꼴 중에 하나로 오른쪽으로 기우려 작성하는 방식</ref>이라는 뜻을 가진 italic의 앞글자를 따서 만들어졌다.
== 특징 ==
=== 기본 특징 ===
<code><nowiki><i></nowiki></code> 태그의 주요 특징은 다음과 같다.
* 여는 태그(<nowiki><i></nowiki>)와 닫는 태그(<nowiki></i></nowiki>)가 모두 필요한 요소이다.
* 순수하게 시각적인 표현을 위한 태그이다.
* CSS를 통한 추가적인 스타일링이 가능하다.
* HTML5에서는 특별한 의미를 가진 텍스트(전문 용어, 다른 언어의 구절 등)를 표시하는 용도로도 사용된다.


위키 문법에서 <nowiki>''단어''</nowiki>에 해당하는 태그이다.<ref>물론 타 HTML 태그와 마찬가지로 위키에서도 <nowiki><i></i></nowiki>를 사용해도 적용되지만, 일관적인 편집을 위해 <nowiki>''단어''</nowiki> 형태를 사용한다.</ref>
=== 의미론적 사용 ===
 
현대의 웹 개발에서 <code><nowiki><i></nowiki></code> 태그는 다음과 같은 경우에 사용이 권장된다:
==사용법==
* 과학적 용어나 전문 용어
<nowiki><i></nowiki>와 <nowiki></i></nowiki> 사이에 기우리고 싶은 단어를 입력한다.
* 외국어 구절이나 관용구
* 인용된 텍스트에서 특별한 의미를 가진 부분
* 작품의 제목이나 예술 작품명


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


위의 i 태그를 실행해 보면
=== 위키에서의 사용 ===
==== 기본 사용법 ====
위키에서는 두 가지 방식으로 기울임꼴을 적용할 수 있다:


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


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


==타 태그와의 사용==
일반적인 위키 문서 작성 시에는 일관성을 위해 위키 문법 사용을 권장한다.
[[HTML/태그/b|b 태그]]와 마찬가지로 타 태그와 동시에 사용 할 수 있다.
 
예를 들어 b 태그와 i 태그를 동시에 사용하면
==== 다른 태그와의 조합 ====
<code><nowiki><i></nowiki></code> 태그는 다른 태그들과 함께 사용할 수 있다:


<syntaxhighlight lang="HTML">
<syntaxhighlight lang="HTML">
<b><i>가온 위키</i></b>
<b><i>굵은 기울임꼴</i></b>
<span style="color: red;"><i>빨간색 기울임꼴</i></span>
</syntaxhighlight>
 
위키 문법으로는 다음과 같이 표현한다:
<syntaxhighlight lang="text">
'''''굵은 기울임꼴'''''
</syntaxhighlight>
</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]]
[[분류:웹 개발]]
[[분류:위키 문법]]

2025년 1월 5일 (일) 14: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> 태그 사용 시 다음 사항들을 고려해야 한다:

  • 단순한 시각적 효과를 위해서는 CSS의 font-style: italic; 사용을 고려한다.
  • 강조를 위해서는 em 태그를 사용하는 것이 더 적절할 수 있다.
  • 웹 접근성 측면에서 과도한 사용은 피해야 한다.

대체 방안[편집 / 원본 편집]

상황에 따라 다음과 같은 대체 태그 사용을 고려할 수 있다:

관련 항목[편집 / 원본 편집]

브라우저 호환[편집 / 원본 편집]

기능 Chrome Chrome Edge Edge Firefox Firefox Internet Explorer IE Opera Opera Safari Safari Chrome Android Chrome Android Firefox Android Firefox Android Opera Android Opera Android Safari iOS Safari iOS Samsung Internet Samsung Internet WebView Android WebView Android
i 태그 예 예 예 예 예 예 예 예 예 예 예 예


각주[편집 / 원본 편집]

원본 주소 "https://www.gaonwiki.com/w/index.php?title=HTML/태그/i&oldid=107718"

최근 바뀜

더 보기