<em> 태그와 <i>태그

 

 

 

자주 사용하는 태그는 아니지만 등장할 때마다 당황스러운 적이 몇번씩 있다.

이번 기회에 제대로 개념을 익혀둘 겸 작성하게 되었다.

 

<em> 태그의 em은 emphasize(강조하다)의 앞 철자를 가져온 것이다.

 

 

 

✅ 사용법 & 결과

See the Pen Untitled by yurim99 (@yurim99) on CodePen.

 

 

 

✅ CSS 속성

 /* CCS 기본속성 */
em {font-stlye : italic;}

 

 

 

See the Pen <em> 태그와 <i>태그 by yurim99 (@yurim99) on CodePen.

 

 

 

💡 <em> 태그와 <i>태그 차이

비슷한 태그로 <i>가 있는데 사용 결과가 똑같아 혼동을 하는 경우가 많다. 

그러나 <i>태그는 전문용어나 다른 언어의 관용구, 문어체 등

문장에서 다른 것과 구별 지을 때 사용하는 태그이다.

 

따라서 두 태그 모두 이탤릭체로 표현 되지만,

구분지어 용도에 맞게 사용해야한다.

 

 

 

📖 참고 출처

<em>: 강세 요소 - HTML: Hypertext Markup Language | MDN