[HTML] strong / b / em

strong

• 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조할 때 사용.
• 브라우저는 일반적으로 <strong> 요소의 콘텐츠를 굵은 텍스트로 표현.

 

b

• HTML5에서 제목(heading)은 <h1>부터 <h6>태그로, 강조된 텍스트는 <em> 태그로, 중요한 의미를 가지는 텍스트는 <strong> 태그 사용. 하이라이트된 텍스트는 <mark> 태그로 표현.
• 따라서 위의 태그들에서 적절한 태그를 찾을 수 없을 때만 마지막 선택지로 <b> 태그 사용.

 

em

• 강조된 텍스트를 표현.
• HTML5에서도 여전히 지원, 대신 CSS를 사용하면 더욱 다양한 효과를 줄 수 있다.

 

strong vs b

<b>요소는 텍스트 자체의 주의를 끌기 위해 사용, <strong>은 요소의 콘텐츠 자체의 중요성 강조할 때 사용.

 

 

strong vs em

<em> 요소는 구어체 강조와 같이 문장의 의미를 변경하는데 사용("I love cat." vs "I love cat."), <strong> 은 문장의 일부분에 중요성을 추가하는데 사용.

<strong>요소와 <em>요소는 각각 중첩해서 사용하면 강조를 더 강하게 표현할 수 있다.

 

 

---

Reference

http://www.tcpschool.com/html-tags/intro