Semantic tag 란 무엇일까
- Semantic = 의미론적
- 시멘틱 태그는 직역한 그대로 "의미론적인 태그" 를 의미한다.
- 태그는 태그인데, 아무 뜻, 의미가 없는 태그가 아닌 좀 더 뜻이 담긴, 의미가 있는 태그를 말하는 것이다.
-
태그로 영역을 나누는 것보단, header, article, footer 와 같은 태그를 사용해 좀 더 기계가 이해하기에, 개발자가 이해하기에 직관적인 태그를 사용하는 것이 보기 좋은 코드를 작성하는 것에 도움이 된다.
Semantic tag 의 장점 3가지
1. SEO (Search Engine Optimization) 검색 엔진 최적화
- SEO (검색 엔진 최적화)에 좋은 영향을 줄 수 있다.
- 검색 엔진은 시멘틱 태그들을 중요한 키워드로 인식하여 검색 랭킹에 영향을 준다.
- 즉, 해당 웹페이지에 적절한 위치에 의미론적인 태그를 작성한다면 SEO 에 좋은 영향을 줄 수 있다.
2. 웹 접근성 (Accessibility)
- 시각 장애가 있는 사용자가 시각적으로 보는 것이 아닌 스크린 리더, 키보드로만 접근할 때에 판독기가 의미론적 태그들을 인식하여 잘 동작 할 수 있다.
3. 개발자 경험
- 웹 페이지를 완성하는 기계도 의미론적인 태그를 이해하여 만들겠지만, 이 소스코드를 작성하는 개발자에게 좋은 경험이 될 것이다.
- 의미론적인 태그를 사용하면 해당 태그안에 어떤 내용들이 담겨야하는지 소스코드를 처음 보는 개발자도 알 수 있고, 빠른 인식과 수정이 가능할 것이다.