HTML5 - 텍스트 서식(<i>태그, <em>태그, <u> 태그, <ins>)

<i> 태그, <em> 태그

<i> 태그 :  italic을 줄여서 i태그, 기울어진 글자를 의미합니다.

<em> 태그 : emphasized text 줄여서 em태그, <em> 요소는 HTML5에서도 여전히 지원되지만, 대신 CSS를 사용하면 더욱 다양한 효과를 줄 수 있습니다.

저는 보통 i 태그를 주로 사용합니다.

가끔씩 코드 다른 분들 코드를 가져오면 종종 em태그 i 태그를 사용하기 때문에 알아두시면 굉장히 유용하다고 생각합니다.

css로도 사용 가능하니 codepen 참고하시기 바랍니다.

 

See the Pen Untitled by 박상훈 (@yvksigii-the-typescripter) on CodePen.

<u> 태그, <ins> 태그

<u> 태그 : underline 태그 줄여서 u 태그, 글자의 밑줄을 의미합니다.

<ins> 태그 : <ins> 태그는 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현할 때 사용합니다.

저와 다른 사람은 물론 보통 u태그와 ins 태그를 사용하지 않고 보통 css로 해결합니다.

 

See the Pen Untitled by 박상훈 (@yvksigii-the-typescripter) on CodePen.