Base HTML5 Template

Submitted by:David Villa

Date added:25 April, 2011

Category:HTML

HTML5 starting point template. Used in conjunction with HTML5 CSS reset at the above link.

Tags: html5 template

Code Snippet:

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="A description about your site" />
<meta name="keywords" content="keywords, separated, by, comma" />
<title>Untitled Document</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" href="css/print.css" media="print" />
<link rel="stylesheet" href="css/mobile.css" media="handheld" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>
<section id="header">
<header>
<h1><a href="#">Site Title</a></h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
</section>

<section id="main">
<article>
<hgroup>
<a href="#">
<h1>Heading Title</h1>
<h2>Heading Title 2</h2>
</a>
</hgroup>
<p>Article Filler</p>
</article>
<aside>
Sidebar Filler
</aside>
</section>

<section id="footer">
<footer>
&copy; Copyright Year by Author. All Rights Reserved.
</footer>
</section>

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'XX-XXXXXXX-XX']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
 
 

Comments