시맨틱 태그

시맨틱 태그(Semantic Tag)란?

: 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그. 태그에 의미를 부여함으로서 웹 사이트의 구조를 쉽게 파악할 수 있도록 만들어진 것.

시맨틱 태그의 종류

: 내용을 감싸는 Box와 내용에 해당하는 Item으로 분리할 수 있다.

ex) header(페이지의 제목), nav(메뉴, 목차), section(제목), aside(사이드바, 콜아웃 상자), main(내용), article(게시글), footer(작성자 정보) …

시맨틱 태그의 장점

1. 접근성 향상
2. 검색엔진 최적화
3. 가독성 향상