[HTML] 굵은 글씨(bold, 볼드체) 표현하기

HTML에서 굵은 글씨(bold, 볼드체) 표현하기

HTML에서 굵은 글씨, bold 체를 표현하는 방법은 두 가지가 있다.

<b> 태그

See the Pen bold by anna (@hianna) on CodePen.

<b>태그 사이에 굵은 글씨로 표현하고자 하는 내용을 삽입하면 된다.

<strong> 태그

See the Pen bold by anna (@hianna) on CodePen.

<b>태그와 마찬가지로 <strong> 태그 사이에 

굵은 글씨로 표현하고자 하는 내용을 삽입하면 된다.

<b> 태그와 <strong> 태그의 차이점

그렇다면 <b> 태그와 <strong> 태그를 구분하여 사용하는 이유는 무엇일까?

<b> 태그는 html의 스타일을 정의하는 태그이다.

단순히 화면에 보여지는 모양을 정의한다.

<strong> 태그는 html의 의미를 정의하는 태그이다.

겉으로 보기에는 <b> 태그와 다를바 없이 굵은 글씨를 표현하지만,

<strong> 태그는 의미적으로 "중요함"을 표현한다.

이것의 의미는 다른 브라우저에서는 이것을 꼭 굵은 글씨가 아닌

색깔을 입힌다거나, 밑줄을 친다거나 하는 식으로

다른 방법으로 표현할 수 있음을 의미한다.

또는, 시각장애인들을 위한 시스템에서는

목소리 톤을 달리하여 텍스트를 읽을 수도 있을 것이다.