[HTML] b와 strong의 차이

hyeonn31·2024년 3월 22일

b : 진하게 처리
strong : 이것 또한 진하게 처리

그렇다면 둘의 차이는 뭘까?

바로 '중요도'이다.

먼저 b태그는 단순히 텍스트를 진하게 표시하는 역할만 한다.
따라서 서식상 다른 텍스트와 대비된 스타일로 강조를 하고 싶을 때 b택드를 사용한다.

strong 태그는 단순히 보여지는 강조가 아닌 실제로 페이지 내의 중요한 부분으로 브라우저에게 알려주는 역할을 한다.
브라우저가 strong 태그를 해석할 때 페이지 내에서 중요한 부분으로 이해하며, 이는 브라우저에서 지원되는 웹 접근성(Web Accessibility)에 큰 기여를 한다.

브라우저 또는 운영체제에서의 스크린 리더(Screen Reader)를 사용하는 경우에는
음성 합성(Speech Synthesizer)도구가 페이지를 해석하고 읽어낼 때 strong 태그에 대해 거센 억양으로 음을 낼 수 있도록 한다.
즉, 실제로 말할 때의 강조를 하듯이 재구성 할 수 있게 된다.

특정한 텍스트에 대해 실제로 강조하고자 하는 경우..strong태그를 사용하고

단순히 글자를 굵게 만들고 싶다면 b태그를 사용

profile
공부일지

0개의 댓글