[HTML] 시맨틱 태그, 문서의 구조화

태그	설명	속성	비고
<header></header>	페이지, 섹션의 머리말. 제목, 페이지를 소개하는 간단한 설명
<nav></nav>	하이퍼링크들을 모아 놓은 섹션
<section></section>	문서의 장(chapter, section) 혹은 절을 구성. 여러개 존재 가능. 콘텐츠에 대한 영역을 나타냄
<article></article>	본문과 연관있으나, 독립적인 콘텐츠를 담는 영역. 보조기사, 블로그포스트, 댓글 등 주로 section의 하위 항목 실제 콘텐츠의 영역을 나타냄
<aside></aside>	본문에서 약간 벗어난 노트나 팁. 신문, 잡지에서 주요 기사 옆 관련 기사, 삽입 어구로 표시된 논평 등 페이지의 오른쪽/왼쪽에 주로 배치
<footer></footer>	꼬리말 영역, 주로 저자나 저작권 정보
<figure></figure>	책, 보고서 등 본문에 삽입하는 사진, 차트, 삽화, 소스코드 등을 통상적으로 '그림'으로 표현		블록 태그
<details></details>	상세 정보를 담는 태그. 접고 펴기 가능
<summary></summary>	details태그로 구성되는 블록의 Text를 표현.
<mark>	중요한 텍스트임을 표시		인라인 태그
<time>	텍스트의 내용이 시간임을 표시
<meter>	주어진 범위나 %의 데이터량 표시
<progress>	작업의 진행 정도 표시

 

 

HTML5에서 제거된 태그 : 시맨틱 구조를 저해한다는 이유로 제거됨.

big, center, dir, font, tt, u, xmp,. acronym, applet, basefont, frame, frameset, noframes, strike