강조 태그 <strong>,<b>,<i>,<em>

브라우저에서 굵은 글씨체로 표현 되지만, 다른 의미를 가진 <storng>,<b> 태그

<strong> : 중요한 내용에 강한 강조를 나타냄

<b> : 특별한 중요도는 주어지지 않으며, 독자의 주의를 끌기 위한 용도로 사용됨.

* 순수하게 꾸밈을 위해서는 태그보다 CSS의 속성 font-weight 를 사용.

* <strong>과 <em>을 중첩하여 강조의 강조를 증가시키기 위해 사용될 수도 있다.

 

브라우저에서 기울임 꼴로 표현 되지만, 다른 의미를 가진 <em> ,<i> 태그

<em> : 컨텐츠 강조 할 때 사용! 주위 텍스트에 비해 강조된 부분을 나타내며, 한 문장에서 단어 하나 혹은 몇 개로 제한 되며, 문장의 의미에 영향을 미칠 수 있음.

<i> : 외국어, 기술 용어, 등장인물의 생각등의 사용! 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냄 (보통 표현은 기울임 꼴로 표시됨), 명시적이거나 암시적인 대조를 표현할 때도 사용할 수 있다.

* 순수하게 꾸밈을 위해서는 태그보다 CSS의 속성 font-style 을 사용.

 

그 외의 강조 태그

<mark> : 현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냄.

<cite> : 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 함

<dfn> : 현재 맥락이나 문장에서 정의하고 있는 용어를 나타냄

 

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/em

https://developer.mozilla.org/ko/docs/Web/HTML/Element/mark