[코드잇 스프린트 풀스택 4기] 시멘틱 태그란 무엇이며 어떤 장점이 있는가?

시멘틱 태그란 header, footer, section, nav 등을 의미한다.
이러한 시멘틱 태그를 사용했을 경우의 장점은 아래와 같다.

1. 코드 가독성 향상
- 위 태그는 div와 기능상 동일하게 작용하므로 div를 사용해도 되지만 모든 영역에 div를 적용하게 되면
- 코드를 볼 때 어디가 어떤 영역인지 알기가 어렵게 된다.
- 물론 div에 class나 id를 정의하여 네이밍을 해도 되지만 시멘틱 태그가 좀 더 직관적으로 코드를 볼 수 있다.

2. 사이트 정보를 효과적으로 전달할 수 있다
- 검색 엔진 등이 사이트를 크롤링할 때 시멘틱 태그를 기준으로 정보를 판단하고 읽을 수 있으므로 효과적으로 사이트의 정보를 전달할 수 있다.

3. 웹 접근성 강화
- 시각 장애인을 위한 스크린 리더 등을 통해 사이트를 분석할 때 시멘틱 태그가 사이트의 정보의 위치를 알려줄 수 있으므로 웹 접근성 향상에 도움을 줄 수 있다.