Base HTML5 Template

Submitted by:David Villa

Date added:25 April, 2011


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">
<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=""></script>
<!--[if IE]>
<script src=""></script>

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

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

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

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

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);