Example Page
An Example Three Column Web-Log.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta />
<base />
<link />
<script></script>
</head>
<body>
<header id="html_body_header">
<h1>Master Header</h1>
<p>Site-Icon, Site-Name, Etc.</p>
</header>
<noscript>
For full functionality of this site it is necessary to enable JavaScript.
</noscript>
<nav id="html_body_nav">
<h1>Main Navigation</h1>
<p>Pages can have more than one Nav Element.</p>
</nav>
<main>
<section id="html_body_main_left-sidebar">
<h1>Left Sidebar</h1>
<p>Sections are used to...</p>
</section>
<section id="html_body_main_center-content">
<h1>Center Content</h1>
<article id="weblog-post-2346">
<header>
<h1>Article Name</h1>
</header>
<section>
<p>Articles should be complete on their own.</p>
<p>Documents can have sub-headers.</p>
<p>Sections can have Articles, and vice versa.</p>
<p>Documents can have sub-footers.</p>
</section>
<aside>
<p>An Aside element is used for related info.</p>
</aside>
<footer>
<cite>Author Name</cite>
<address>The Inter-Webs</address>
</footer>
</article>
<article id="weblog-post-2347">
<header>
<h1>Article Name</h1>
</header>
<section>
<p>Nesting Elements uses two spaces.</p>
<p>Tabs are a common option for spacing.</p>
</section>
<aside>
<p>Pleasant coding practices make for...</p>
</aside>
<footer>
<cite>Author Name</cite>
<address>The Inter-Webs</address>
</footer>
</article>
</section>
<section id="html_body_main_right-sidebar">
<h1>Right Sidebar</h1>
</section>
</main>
<footer id="html_body_footer">
<p>Copyright Data</p>
</footer>
<script></script>
</body>
</html>