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

Gaon12 (토론 / 기여)
내용 보강
Gaon12 (토론 / 기여)
브라우저 호환 틀 추가
 
75번째 줄: 75번째 줄:
* [[strong 태그]]
* [[strong 태그]]
* [[위키 문법]]
* [[위키 문법]]
== 브라우저 호환 ==
{{브라우저 호환
|기능=<code>i</code> 태그
|chrome=예
|edge=예
|firefox=예
|ie=예
|opera=예
|safari=예
|chrome_android=예
|firefox_android=예
|opera_android=예
|safari_ios=예
|samsung_internet=예
|webview_android=예
}}


== 각주 ==
== 각주 ==

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 태그


각주[편집 / 원본 편집]

최근 바뀜

더 보기