[HTML] <em>, <i>의 차이, <strong>, <cite> 태그 사용하기

 

1. <em> vs <i>

공통점 

기울임 꼴이 적용된다. 

차이점

<em> : 택스트의 강세를 나타낸다. 

쉽게 말해서 글에서 강조하고 싶은 단어를 나타낼 때 <em> 태그를 사용한다. 

See the Pen em tag by dadafly1244 (@dadafly1244) on CodePen.

 

<i> : 학명 등 과학적인 이름이나 다른 언어의 단어 등, 주변과 다른 톤을 가진 텍스트에서 사용한다. 강조X, 중요 X. 곤충 매미가 아니라 태풍의 이름이 "매미"라는 것을 표현하기 위해서 사용하는 태그이다! 

See the Pen i tag by dadafly1244 (@dadafly1244) on CodePen.

2. <strong>

주변보다 훨씬 중요한 텍스트라는 것을 나타내고 싶다면, <strong>태그를 사용하면 된다. <strong>태그는 굵은 글씨로 표시된다!! 

3. <cite>

저작물(책, 연극, 음악 등등)의 제목에 사용한다. 

<p>
"기억은 어떻게 만들어져 '나'를 구성하는가."
<cite>오래된 기억들의 방</cite>
베로니카 오킨 지음, 김병화 옮김 / 알에이치코리아(RHK)
</p>

책 제목이 『오래된 기억들의 방』이라는 것을 표시하고 있다!! 

 

참고: mdn, https://heinafantasy.com/149