오늘은 새삼 느낀 시맨틱 태그의 중요성을 리서치한 TIL을 정리해보았다. 웹 개발을 처음 시작하던 당시에는 오히려 잘 준수했지만, 현업에서 비즈니스 로직 구현에만 집중하다 보니 알게 모르게 간과하게 된 부분들이다.
- u 태그는 underline 스타일을 주기 위한 태그로, 어떤 이유로 인해 눈에 띄어야 함을 나타냄
- em 태그는 italic 스타일을 주기 위한 태그로, 텍스트가 문맥상 강조되어야 함을 나타냄
- strong 태그는 bold 스타일을 주기 위한 태그로, em보다 강조되어야 함을 의미함
- 각 태그들은 HTML 시맨틱 태그를 위해 사용되며, 이는 CSS로는 대체가 불가능함
- 검색 엔진이나 데이터 처리 시스템은 이 태그를 기준으로 문장의 중요도를 측정하기 때문임
- 또한, 스크린 리더는 이 태그들을 만나면 해당 텍스트를 강조하거나 더 강하게 읽어, 사용자로 하여금 문서의 중요도와 흐름을 이해할 수 있도록 함