시맨틱 태그란
- 의미론적 태그를 뜻합니다.
- 시맨틱 태그는 태그가 가진 목적이나 역할을 나타내기 때문에, 태그 사용만으로도 의미를 쉽게 파악할 수 있습니다.
사용 시 이점
- 의미 전달의 명확화: Semantic tag는 콘텐츠의 의미와 구조를 명확하게 전달할 수 있습니다. 이는 검색 엔진이나 스크린 리더 등이 웹 페이지를 더 잘 이해하고 처리할 수 있도록 돕습니다.
- 검색 엔진 최적화(Search Engine Optimization, SEO): Semantic tag를 사용하면 검색 엔진이 페이지의 구조와 콘텐츠를 더 잘 인식할 수 있습니다. 따라서 검색 결과에서 상위에 노출될 가능성이 높아집니다.
- 웹 접근성(Web Accessibility = A11y) 향상: Semantic tag를 사용하면 스크린 리더 등의 보조 기술을 사용하는 사용자들도 웹 페이지를 더 쉽게 이해하고 사용할 수 있습니다. 이는 웹 접근성을 높이는 데에 큰 도움이 됩니다.
- 코드 유지 보수성 향상: Semantic tag를 사용하면 코드의 가독성과 유지 보수성이 향상됩니다. 의미 있는 태그를 사용하면 다른 개발자들도 코드를 더 쉽게 이해하고 수정할 수 있습니다.
- 미래 호환성 보장: Semantic tag를 사용하면 새로운 웹 기술이 등장해도 이전에 작성한 코드가 더욱 유연하게 대처할 수 있습니다. Semantic tag를 사용하면 콘텐츠와 구조를 명확하게 전달할 수 있기 때문에, 새로운 기술이 등장해도 이전 코드를 수정하지 않고도 호환성을 유지할 수 있습니다.
주의할 점
- 시맨틱 태그에 너무 집착하면 개발 생산성이 떨어집니다. 따라서,
div태그로 개발하고 필요할 때 시맨틱 태그로 바꿔 나가는 것이 효율적일 수 있습니다.
job's done