웹 페이지에서 굵은 텍스트를 표시하려면 <strong> 태그를 사용합니다. HTML의 <strong> 태그는 단순히 글자를 굵게 보여주는 것을 넘어, 해당 텍스트가 중요하다는 의미를 브라우저와 검색 엔진에 전달하는 시맨틱(semantic) 태그입니다.
예제
다음 코드를 직접 실행하여 HTML에서 <strong> 태그가 어떻게 동작하는지 확인해 보세요.
<!Doctype html> <html> <head> <title>HTML strong Tag</title> </head> <body> <p>This is an <strong>important</strong> text</p> </body> </html>
위 코드를 실행하면 "This is an important text" 문장에서 'important'라는 단어만 굵은 글씨로 표시되는 것을 확인할 수 있습니다.
<strong> 태그와 <b> 태그의 차이점
<b> 태그 역시 텍스트를 굵게 표시하지만, 어떠한 의미도 부여하지 않는 순수한 시각적 표현 태그입니다. 반면 <strong> 태그는 해당 내용이 중요함을 나타내는 의미적 강조를 제공합니다.
또한 스크린 리더는 <strong> 태그로 감싸인 텍스트를 강조된 음성으로 읽어 주기 때문에, 시각 장애인을 위한 웹 접근성(accessibility) 측면에서도 <strong> 태그를 사용하는 것이 더 바람직합니다. 따라서 단순한 디자인 목적이라면 CSS나 <b> 태그를, 내용의 중요성을 강조해야 한다면 <strong> 태그를 사용하는 것이 좋습니다.