b element - by. UXKM

b element 설명

<b> 요소는 다른 부가적인 목적 없이 단순히 굵게 표현되는 텍스트를 정의할 때 사용합니다.
HTML5에서 제목(heading)은 <h1>부터 <h6> 요소로, 강조된 텍스트는 <em> 요소로, 중요한 의미를 가지는 텍스트는 <strong> 요소로, 마지막으로 하이라이트된(highlighted) 텍스트는 <mark> 요소로 표현되어야 합니다.

따라서 위의 태그들에서 적절한 태그를 찾을 수 없을 때만 마지막 선택지로 <b> 태그를 사용해야 합니다.
<b> 요소를 사용한 굵은 텍스트는 CSS의 font-weight 속성을 사용해도 같은 결과를 얻을 수 있습니다.

1. <b> 요소와 <strong>, <em>,<mark> 요소들을 혼동하지 마세요.
   <strong> 요소는 중요한 글자를 나타내며, <em> 요소는 글자에 약간의 강조를 주며, <mark> 요소는 글자의 관련성을 나타냅니다.
   <b> 요소는 어떠한 특별한 시멘틱 정보를 전달하지 않습니다. 다른 맞는 요소가 없을떄 사용합니다.
2. 유사하게, <b> 요소를 타이틀과 제목을 표시하는데 쓰지 마세요. 타이틀과 제목은 heading element(<h1> to <h6>)를 사용해야 합니다.
   또한 css를 통해 <b> 요소의 css 기본값을 normal(기본 굵기)로 변경할 수 있습니다.
3. 추가 의미 정보를 전달하기 위해 클래스 속성을 사용하는 것이 좋습니다
   (예 <b class="lede">: 단락의 첫 문장). 이를 통해 HTML 코드를 변경하지 않고도 웹 문서의 여러 스타일을 쉽게 개발할 수 있습니다.
4. <b> 요소를 사용하는데에 있어 아무런 시멘틱 목적이 없다면, CSS 속성 font-weight:bold값을 사용하는것이 글자를 굵게 만드는데에 더 좋습니다.