<strong>

초록공룡·2025년 8월 16일

HTML5

목록 보기
27/76

개념

  • 강한 중요성을 표현하는 시맨틱 인라인 요소이다.

특징

  • 스크린리더는 strong 영역을 더 강조하여 읽을 수 있으며, 검색/요약에도 신호가 된다.
  • strong 안에 em 등 다른 인라인 요소를 중첩할 수 있다.

실무

  • 단지 두껍게 보이게 하려면 CSS를 사용하고, 중요함을 전달하려면 strong 태그를 사용한다.
  • 문장 내 일부는 strong, 문맥 강조는 em, 시각 효과는 CSS를 사용한다.
  • 페이지 곳곳에 남발하면 정보의 위계가 흐려진다. 필요한 곳에만 사용해야 한다.

예시

<p>
  결제 전 <strong>환불 불가 상품</strong> 여부를 반드시 확인하세요.
</p>
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글