시맨틱 태그 (Semantic Tag)
브라우저, 검색엔진, 개발자 모두에게 컨텐츠의 의미를 명확히 설명하는 역할을 함
시맨틱 웹 (Semantic Web)
웹에 존재하는 수많은 웹페이지에 메타데이터(Metadata)를 부여하여, '의미'와 '관련성'을 가진 거대한 데이터베이스를 구축하고자함
HTML 요소
-
non-semantic element
- div, span 등
- 이 태그들은 컨텐츠에 대한 설명 없음 -
semantic element
- form, table, img 등
- 이 태그들은 컨텐츠에 대해 명확히 설명함
HTML5에서 추가된 Semantic tag
- header : 헤더를 의미
- nav : 내비게이션을 의미
- aside : 사이드에 위치한 공간을 의미
- selection : 본문의 여러내용(article)을 포함한 공간을 의미
- article : 본문의 주내용이 들어가는 공간을 의미
- footer : 푸터를 의미
