1.시맨틱 태그란?
- 영역을 의미있게 나눌 때 사용
- 성질은 div 태그와 완전히 똑같다
- 작성하는 사람의 의도가 중요함
2.시맨틱 태그의 종류
- header : 영역 위쪽에서 로고나 제목, 메뉴 같은 걸 담고 있는 도입부
- main 사이트의 본격적인 내용으로 페이지에서 딱 한 번만 사용 가능
- footer : 영역 아래쪽에서 여러 가지 연락처나 관련 정보를 담고 있음
- article : 하나의 완성된, 독립적인 내용을 나타내는 영역
- section : 어떤 것의 일부분을 나타내는 영역
- figure : 이미지와, 이미지 설명을 담고 있는 영역
3. 시맨틱 태그를 사용하면 좋은점
- 검색엔진이 내 사이트를 정확하게 파악할 수 있다 - 우리 사이트를 원하는 사람들에게 딱 맞게 보여줄 수 있도록 사이트 최적화 (SEO)
- 메타데이터와 시멘틱 태그가 잘 작성되어 있으면 검색엔진이 사이트를 정확하게 파악 할 수 있음!
- 웹 접근성 (A11y) 측면
- 개발자 관점에서 유용 : 코드를 이해하기 쉬워 생산성 증가!
적절한 사용이 중요하기 때문에 일단 div로 만들어보고 -> 바꿔보는 것을 추천한다
