i태그

정의

TCP School사이트에 따르면 i태그의 정의는 아래와 같다.

<i> 태그는 기본 텍스트와는 다른 분위기나 음성을 위한 텍스트 영역을 정의할 때 사용합니다. <i> 요소의 텍스트는 보통 이탤릭체로 표현되며, 전문용어나 다른 언어의 관용구, 문어체, 서양 문헌에 나오는 배 이름 등을 나타낼 때 사용됩니다.
다음과 같은 의미 요소(semantic element) 중에서 사용하기에 적당한 요소를 찾지 못했을 때만 <i> 요소를 사용할 수 있습니다.

• <cite> : 창작물의 제목
• <dfn> : 용어(term)의 정의
• <em> : 강조된 텍스트
• <mark> : 하이라이트된(highlighted) 텍스트
• <strong> : 긴급하거나 중요한 텍스트

하지만 공부를 하다보면 <i>태그를 통해 무엇인가를 구현한 경우가 보인다. 그래서 어떨 때 이 <i>태그를 사용하게 되는지 찾아보았다.

i 태그의 사용

<i> 태그의 경우 웹페이지에서 아이콘을 만들기 위해 사용하기도 한다. <span>태그만 사용하는 경우 지나치게 복잡해보이고 가독성이 떨어지기 때문이다.

또한 이 <i> 태그를 이용해 코드를 작성하는 경우 추후 코드를 수정할 일이 생기는 경우 <i> 태그만 찾는다면 모든 아이콘 태그를 선택해 변환할 수도 있어 용이하다.

즉, 편의성과 가독성을 위해 <i> 태그를 이용해 하기도 한다.

출처

WEBISFREE
TCP School