<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
<style>
/* Make HTML 5 elements display block-level for consistent styling */
article, aside, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
</style>
<script type="text/javascript>
document.createElement("article");
document.createElement("aside");
document.createElement("figure");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("menu");
document.createElement("nav");
document.createElement("section");
</script>
<head>
<title><!-- Your Title --></title>
</head>
<body>
<header>
<!-- ... -->
</header>
<nav>
<!-- ... -->
</nav>
<div id="main">
<article>
<hgroup>
<h2>Post 1</h2>
<h3>This one's first</h3>
</hgroup>
<p>...</p>
</article>
</div>
<footer>
<!-- ... -->
</footer>
</body>
</html>
//javascript/4046