Skip to content

Instantly share code, notes, and snippets.

@felipepodesta

felipepodesta/gist:813965

Created February 7, 2011 03:36
Show Gist options
  • Save felipepodesta/813965 to your computer and use it in GitHub Desktop.
Save felipepodesta/813965 to your computer and use it in GitHub Desktop.
Download ZIP
Boilerplate html5 full template
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>pageTitle</title>
<link rel="stylesheet" href="default.css">
<script src="default.js"></script>
</head>
<body>
<div id="accessibility">
<a href="#nav">Skip to Navigation</a> |
<a href="#main-content">Skip to Content</a>
</div>
<header role="banner">
<div class="masthead">
<a href="#"> ....site title or logo, purposely not an h1.... </a>
</div>
<nav id="nav">
<ul>
<li><a href="#">
....main site nav list....
</a></li>
</ul>
</nav>
<div id="secondary-nav">
<ul>
<li><a href="#">
....other non-primary navigation doesn't belong in a nav element....
</a></li>
</ul>
</div>
</header>
<section id="main-content" role="main">
<h1> ....page title here.... </h1>
<article>
<header>
<h2>....article heading if needed....</h2>
<h3>....article sub-heading if needed....</h3>
</header>
....article content here....
</article>
<article>
....use more article elements if appropriate; if not, I still use divs....
</article>
</section>
<aside id="sidebar">
....site sidebar here....
</aside>
<footer>
.... footer content here ....
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment