시맨틱 태그(Semantic Tag)란?

1. 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그
2. 의미를 가지는 태그라는 의미로 태그명만 봐도 그 역할 유추 가능
3. 태그에 의미를 부여함으로써 웹 문서의 구조를 파악하기에 유리
4. 검색 엔진 최적화, 웹 접근성 향상, 가독성 강화를 위해 사용

시맨틱 태그(Semantic Tag)의 종류

아래 소개한 태그 이 외에도 많은 태그들이 포함

• <h1> ~ <h6> 페이지의 타이틀로 사용
• <header> 페이지에 대한 정보를 담는 영역으로, 페이지 상단에 위치
• <nav> 다른 페이지나 같은 페이지 안에 다른 부분으로 이어주는 네비게이션 링크가 있는 영역
• <main> 문서의 body 요소의 주 콘텐츠가있는 영역
• <section> 몇개의 콘텐츠를 묶는 용도로 사용하는 영역
• <article> 신문이나 기사처럼 웹에서 실제로 보여주고 싶은 내용을 넣는 영역
• <aside> 사이드바의 용도로 사용하는 영역
• <footer> 주로 저작권 정보나 서비스 제공자 정보등을 나타내며 사이트 하단에 위치