참고 : https://poiemaweb.com/html5-semantic-web
브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명하는 역할을 하는 시맨틱 태그을 사용하여 제공하는 웹
div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않는다.
form, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명한다.
설명
tag | Description |
---|---|
header | 헤더를 의미한다 |
nav | 내비게이션을 의미한다 |
aside | 사이드에 위치하는 공간을 의미한다 |
section | 본문의 여러 내용(article)을 포함하는 공간을 의미한다 |
article | 분문의 주내용이 들어가는 공간을 의미한다 |
figure | 독립적인 콘텐츠를 표현합니다. <figcaption> 요소를 사용해 설명을 붙일 수 있다. |
footer | 푸터를 의미한다 |
위치
출처: http://www.omerjaved.com/elearning/html-five/lesson-02-html5-semantic-elements.aspx