콘텐츠 구분
<h1>,<h2>,<h3>....<h6> { display: block; }
문서의 정보 계층을 구조화
* 숫자가 낮을 수록 높은 단계(중요한)의 제목
<header> { display: block; }
문서의 머리글을 설정 (로고, 제목, 검색 등을 포함)
<footer> { display: block; }
문서의 바닥글을 설정 (작성자, 저작권, 관련 문서 등을 포함)
<main> { display: block; }
문서의 주요 콘텐츠를 설정
* ie 지원 불가
* 한 문서에 하나의 <main> 요소만 포함 가능
<article> { display: block; }
독립적으로 구분되거나 재사용 가능한 영역을 설정
* 일반적으로 <h1> ~ <h6>를 포함하여 식별
* 작성일자와 시간을 <time>의 datatime 속성으로 작성
<section> { display: block; }
문서의 일반적인 영역을 설정
* 일반적으로 <h1> ~ <h6>를 포함하여 식별
<asid> { display: block; }
문서의 별도 콘텐츠를 설정 (광고나 기타 링크 등의 사이드바)
<nav> { display: block; }
다른 페에지 링크를 제공하는 영역을 설정
*navigation, 보통 메뉴(home, about, contact), 목차 등을 설정)
<address> { display: block; }
<body>, <article>, <footer> 태그 등 에서 연락처 정보를 제공하기 위해 포함하여 사용
<div> { display: block; }
콘텐츠 영역을 설정 (꾸미는 목적으로 사용)
There's more to do than can ever be done