- 시맨틱(semantic) : '의미의', '의미론적인’
- 시맨틱 태그 : <div> 태그에 의미를 부여한 것
- 장점들
- SEO(검색엔진 최적화: Search Engine Optimization)에서 검색 엔진이 인지하기 쉽다
- 유지보수에 용이
시맨틱 태그의 종류
- h1, strong, form, table, img 등
- HTML5에 추가된 태그들
태그 | 설명 |
<header> | 사이트의 머리부분에 사용 |
<main> | 메인 콘텐츠를 나타내는데 사용, 반드시 한 번만 사용 |
<section> | 제목별로 나눌 수 있는 문서의 콘텐츠 영역을 구성하는 요소 |
<article> | 개별 콘텐츠를 나타내는 요소 |
<aside> | 좌우측의 사이드 영역 |
<footer> | 사이트의 바닥부분, (주로 연락처나 제작자 정보등을 기술하는 부분) |
<hgroup> | 제목과 부제목을 묶어서 나타내는 요소 |
<nav> | 특정 사이트의 문서로 연결하는 링크들의 모음(웹 페이지 메뉴를 만들 때 사용) |