HTML <strong> 텍스트를 굵게 만들고 강조하는 태그

STRONG이란?

<strong>태그는 텍스트를 강조하는 태그입니다. 우리가 흔히 알고 있는 굵게, bold체로 만들어 버리죠.

 

사용법

<p>할인 <strong>50%!</strong> 한정판매</p>

• 굵게 강조하고자 하는 텍스트를 <strong>태그로 감쌉니다
• 간단하죠?

 

See the Pen Untitled by 40's Programmer (@40sProgrammer) on CodePen.

 

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

 

그런데 텍스트를 굵게 만드는 <b>라는 태그가 존재합니다. 어떤 차이가 있는지 살펴볼께요.

 

<strong> 태그는 굵게 만드는 시각적 효과 뿐만 아니라 '이 텍스트는 중요하다'라는 의미도 내포하고 있습니다. 따라서 검색엔진 등이 볼 때는 'strong 태그에는 중요한 텍스트가 있구나' 라고 생각하죠.

반면에 <b> 태그는 특별한 의미없이 텍스트를 굵게 만듭니다. 단순하게 보여주는 태그에요.

만약 단순히 텍스트를 스타일하는 용도라면 <b> 태그보다는 CSS의 font-weight 속성을 더 자주 사용합니다.

 

아래와 같이 CSS 속성을 사용하면 텍스트가 굵어집니다.

.my-element {
  font-weight: bold;
}