[직일구의 웹개발 공부] HTML <i> 태그와 <em> 태그 차이

HTML 에서

글자를 이탤릭체로 바뀌기 위해 사용할 수 있는 태그는 <i>태그와 <em>태그가 있다.

 

그럼 그 차이는 무엇인가? 항상 결론부터 얘기하겠다. 

 

<i> 태그는 그냥 보여지는 글자의 모양을 단순히 꾸며주는 스타일링 태그이다.

그에 반해, <em> 태그는 그 글자가 강조가 필요한 내용임을 나타내주는 의미를 담고 있는 태그이다. 

 

20년전만해도, 이탤릭체를 <i> 태그로 했었더랬다. 

그러나, 이제는 HTML문서의 스타일링은 모두 CSS에서 처리한다. 

 

구글에서 내가 만든 웹페이지가 잘 검색되고, 또 내용에서 특정 컨텐츠를 추출할 때에는, 

<em> 태그와 같이 의미를 담고 있는 태그를 사용하는 것이 좋다고 한다.