HTML5 section, header, footer, nav 예시

HTML5 header element
HTML5 헤더

HTML5 footer element
HTML5 푸터

1 소스 코드

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>헤더 요소</title>
<body>
	<header>
		<h1>페이지 헤더 h1</h1>
		<nav>
			<ul>
				<li><a href="menu1.php">메뉴1</a></li>
				<li><a href="menu2.php">메뉴2</a></li>
				<li><a href="menu3.php">메뉴3</a></li>
			</ul>
		</nav>
		<p>section 밖에 있으면 페이지(body)의 헤더.</p>
	</header>
	<section>
		<header>
			<hgroup>
				<h1>섹션 헤더 h1</h1>
				<h2>섹션 헤더 h2</h2>
			</hgroup>
			<p>섹션 안에 있으면 섹션의 헤더.</p>
		</header>
	</section>
</body>
</html>

2 예제

http://jmnote.com/html5/header.php