HTML 글자 굵게하는 3가지 방법 (이지만 두가지만 소개)

HTML 글자 굵게 만들기

 

HTML 글자 굵게 만드는 방법은 크게 세 가지가 있습니다.

<b>, <strong> 그리고 font-weight 속성입니다.

<b> 태그

<b> 태그는 사람눈에만 단순히 글자가 굵게 표시되도록 합니다. 검색엔진 등에는 의미론적으로 중요도를 표시할 필요가 없을 경우 사용합니다. 

 

 

이렇게 글씨 양 옆으로 <b> </b> 태그를 해주면 아래와 같은 결과가 나타납니다.

HTML 글자 굵게 만드는 방법은 크게 세 가지가 있습니다.

 

 

 

<strong> 태그

<b> 와 시각적 결과는 같지만, SEO 측면에서는 <strong> 태그는 검색엔진에 이문장에서 해당부분이 중요하다는 것을 전달했습니다.

 

 

이렇게 글씨 양 옆으로 <strong></strong>태그를 해주면 아래와 같은 결과가 나타납니다.

 

HTML 글자 굵게 만드는 방법은 크게 세 가지가 있습니다.

 

 

font-weight 속성 (bold, 100~900, bolder, lighter)

font-weight는 CSS의 속성으로 굵기를 세밀하게 조절할 수 있습니다. 그러나 글자 종류에따라서 세부설정이 불가능한 경우도 많습니다. 보통 웹브라우저의 기본글꼴은 글자의 변화폭이 없거나 중복됩니다.

 

font-weight은 사실 bold만 알아두셔도 좋지만, 필요하신 분들을 위해 상세히 정리해보겠습니다.

 

속성값 

normal : 기본값

bold : 진하게 표시

100~900 : 숫자별로 글꼴 굵기를 지정할 수 있음

bolder : 상위 요소에서 상속된 굵기보다 더 진하게

lighter : 상위 요소에서 상속된 굵기보다 더 흐리게

 

위와같은 방법이 있지만

저는 초보자이다보니 아직까지는 b, strong 태그가 좀더 편하게 와닿네요

앞으로는 공부하면서 조금씩 올려볼 예정입니다!