<b>, <strong> 태그란? (feat. 두 태그의 차이)

<b>, <strong> 태그란?

#01 정의 및 특징

• 단어나 문장을 굵게 표현하기위해 사용
• 단어나 문장의 의미를 강조하기 위해 사용
• 단, 과도한 강조는 텍스트의 내용을 모호하게 만들기 때문에 꼭 사용해야 할 때만 사용

 

#02 두 태그의 차이

"두 태그 모두 굵고 강조를 위해 사용을 하는데 무슨 차이가 있나?" 라는 생각을 많이 하셨을거에요.

눈에 보이지 않는 한가지 큰 차이가 있답니다!

 

#02-01 <b> 태그

정말로 단순하게 텍스트를 진하게만 표시해줍니다. 그 외 다른 기능은 없습니다!

 

#02-02 <strong> 태그

텍스트를 진하게 표현 해주는 것 뿐만 아니라, "브라우저 자체에서 이 부분은 중요하구나" 를 인식합니다.

바로 브라우저에서 지원하는 웹 접근성(Web Accessibility)에 큰 기여를 합니다.

특히 스크린 리더 기능을 사용 시 <strong> 태그에 대해서는 강조하는 억양으로 표현을 해줍니다.

 

스크린 리더(Screen Reader) 란? 

스크린 리더(Screen Reader)란, 텍스트를 읽지 못하는 사용자가 웹 사이트를 사용 할 수 있도록 도와주는 소프트웨어로 스크린 리더는 웹 페이지의 텍스트 내용, 이미지, 폼, 링크, 테이블 등의 정보를 음성으로 읽어주는 기능입니다.

 

#02-03 각 사용처

<b> 태그는 단순하게 진하게 보이고 싶을 때, <strong> 태그는 실제로도 강조를 하고 싶을때 사용하면 됩니다.

 

#03 사용 방법

<b>단순하게 굵은 글씨를 나타냅니다.</b>
<strong>이것은 굵고 강조된 텍스트입니다.</strong>

 

# 무료강의

바로가기