Skip to content

Instantly share code, notes, and snippets.

@nchapman

nchapman/html5_boilerplate.html

Created February 16, 2010 20:16
Show Gist options
  • Save nchapman/305863 to your computer and use it in GitHub Desktop.
Save nchapman/305863 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html5_boilerplate.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=650, user-scalable=yes">
<!-- pick your poison:
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
-->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.0.0/build/cssreset/reset-min.css&3.0.0/build/cssfonts/fonts-min.css&3.0.0/build/cssbase/base-context-min.css" />
<!-- move this into your css file -->
<style>
/* Setup HTML5 tags */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
display: block;
margin:0;
padding:0;
}
/* optional */
#container {
margin: 0 auto;
width: 650px;
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>HTML5 Boilerplate</h1>
</header>
<section class="yui-cssbase">
<h2>Party people</h2>
<p>Let's get our HTML5 on!</p>
</section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment