시맨틱 태그(Semantic Tag)란?
- 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그
- 의미를 가지는 태그라는 의미로 태그명만 봐도 그 역할 유추 가능
- 태그에 의미를 부여함으로써 웹 문서의 구조를 파악하기에 유리
- 검색 엔진 최적화, 웹 접근성 향상, 가독성 강화를 위해 사용
시맨틱 태그(Semantic Tag)의 종류
아래 소개한 태그 이 외에도 많은 태그들이 포함
- <h1> ~ <h6>
페이지의 타이틀로 사용
- <header>
페이지에 대한 정보를 담는 영역으로, 페이지 상단에 위치
- <nav>
다른 페이지나 같은 페이지 안에 다른 부분으로 이어주는 네비게이션 링크가 있는 영역
- <main>
문서의 body 요소의 주 콘텐츠가있는 영역
- <section>
몇개의 콘텐츠를 묶는 용도로 사용하는 영역
- <article>
신문이나 기사처럼 웹에서 실제로 보여주고 싶은 내용을 넣는 영역
- <aside>
사이드바의 용도로 사용하는 영역
- <footer>
주로 저작권 정보나 서비스 제공자 정보등을 나타내며 사이트 하단에 위치