HTML에서 중요한 텍스트를 강조하고 싶다면 <strong> 태그를 사용하면 됩니다. <strong> 태그는 문서 내에서 특별히 중요한 내용을 강조할 때 사용하는 시맨틱(의미론적) HTML 태그입니다.
<strong> 태그란?
<strong> 태그는 단순히 글자를 굵게 표시하는 것을 넘어, 해당 텍스트가 '중요하다'는 의미를 브라우저와 검색 엔진에 전달합니다. 화면에는 기본적으로 굵은 글씨(bold)로 렌더링되지만, 스크린 리더를 사용하는 사용자에게는 더 강한 어조로 읽혀 접근성 측면에서도 유용합니다.
참고로 단순히 시각적인 효과만 원한다면 CSS의 font-weight 속성이나 <b> 태그를 사용하는 것이 적절하며, 실제로 중요성을 나타내야 할 때는 <strong> 태그를 사용하는 것이 웹 표준에 맞는 방법입니다.
사용 예제
아래 코드를 실행하면 HTML에서 <strong> 태그가 어떻게 동작하는지 직접 확인할 수 있습니다.
<!Doctype html> <html> <head> <title>HTML strong 태그 예제</title> </head> <body> <p>이것은 <strong>중요한</strong> 텍스트입니다</p> </body> </html>
실행 결과
위 코드를 브라우저에서 열면 "중요한"이라는 단어만 굵은 글씨로 표시되어, 나머지 텍스트와 시각적으로 구분됩니다.
정리
<strong>태그는 중요한 텍스트를 의미적으로 강조할 때 사용합니다.- 기본 스타일은 굵은 글씨이며, CSS로 자유롭게 변경할 수 있습니다.
- 접근성과 SEO 측면에서
<b>태그보다<strong>태그 사용이 권장됩니다.