SEO를 고려한 강조 시멘틱 마크업 strong, em 태그가 있는데 이 둘의 차이점을 알아보자
| 태그 | 의미 | 용도 (사용 시점) | 접근성 영향 |
|---|---|---|---|
| <strong> | 강조 + 긴급성, 중요성 강조 | 경고, 주의, 중요한 정보 | 스크린 리더가 ‘강조’로 인식하여 강조 |
| <em> | 강조 + 문맥적 의미 강조 | 감정, 말투 강조, 흐름상 강조 | 스크린 리더가 ‘강조’로 읽음 |
| <b> | 굵게 표시만 | 디자인적으로 굵게 표시할 때 (ex. 키워드) | 시멘틱 의미 없음 (스크린 리더 강조 X) |
strong과 em 태그는 모두 콘텐츠를 강조할 때 사용하지만, 강조의 의도와 중요도에 따라 쓰임이 다릅니다.
strong은 중요성, 경고, 심각성 등의 정보를 담은 강조에 사용됩니다.em은 말투, 뉘앙스, 문맥 속 감정 등 흐름상 강조가 필요할 때 사용합니다.보통 문맥 강조는 em, 경고·주의 등 특수한 강조는 strong이 적절하며,
<b> 태그는 단순히 텍스트를 굵게 보여줄 뿐, 의미나 시멘틱 정보가 없기 때문에 지양하는 것이 좋습니다.
강조의 정도 <strong> > <em> > <b>