[HTML] b 태그 (모르면 안되는 내용 정리)

728x90

HTML 태그란?

태그는 텍스트를 굵게 (bold) 표시하는 데 사용됩니다. 하지만 단순한 시각적 효과만 제공하며, 문맥적 중요성을 의미하지는 않습니다.

텍스트를 굵게 표시
- 태그는 해당 텍스트를 시각적으로 강조하여 굵게 보이도록 합니다.
- 하지만 의미론적인 강조(중요성, 강한 강조 등)를 나타내지는 않습니다.
CSS 없이 기본적으로 적용됨
- 태그를 사용하면 별도의 CSS 없이도 글자가 굵게 표시됩니다.
- 기본적으로 font-weight: bold; 스타일이 적용됩니다.
중요한 정보 전달을 위한 용도 X
- 태그는 단순한 스타일링 용도로 사용되며, 특정 정보가 중요하다는 의미는 가지지 않습니다.
- 따라서, 의미적으로 강조해야 할 때는 태그를 사용하는 것이 더 적절합니다.

<p>이 부분은 <b>굵게</b> 표시됩니다.</p>

실행 결과:

이 부분은 굵게 표시됩니다.

<p>이 제품은 <b>할인 중</b>입니다!</p>
<p>이 제품은 <strong>할인 중</strong>입니다!</p>

실행 결과:

이 제품은 할인 중입니다!

→ 접근성을 고려해야 한다면 을 사용하는 것이 좋습니다.

HTML에서 태그를 사용하지 않고도 CSS로 동일한 효과를 줄 수 있습니다.

<p>이 부분은 <span class="bold">굵게</span> 표시됩니다.</p>

<style>
  .bold {
    font-weight: bold;
  }
</style>

728x90