HTML5 template

09.Nov.2010

HTML5 is definitely the next big thing in web development and it is already getting popular in development within no-IE environments such as iPad. Therefore I taught it might be nice to have basic HTML5 template prepared to start coding your own HTML5 templates.

View the example of HTML5 template, and copy snippet to your blank HTML file to start using HTML5 today.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
	<title>HTML5 template</title>
	<meta charset="utf-8" />
 
	<script type="text/javascript">
		document.createElement('header');
		document.createElement('menu');
		document.createElement('content');
		document.createElement('footer');
	</script>
 
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
 
		header, menu, content, footer {
			display: block;
		}
 
		menu ul {
			list-style-type: none;
		}
 
		menu ul li {
			float: left;
			padding: 5px 20px;
		}
 
		content, footer {
			clear: both;
		}
	</style>
</head>
<body>
	<header>
		<h1>This is our blank HTML5 template.</h1>
		<menu>
			<ul>
				<li>
					<a href="https://stuntcoders.com/" title="snippets">Snippets home</a>
				</li>
				<li>
					<a href="https://stuntcoders.com/snippets/php/" title="PHP snippets">PHP Snippets</a>
				</li>
				<li>
					<a href="https://stuntcoders.com/snippets/css/" title="CSS snippets">CSS Snippets</a>
				</li>
				<li>
					<a href="https://stuntcoders.com/snippets/html5/" title="HTML5 snippets">HTML5 Snippets</a>
				</li>
				<li>
					<a href="https://stuntcoders.com/snippets/javascript/" title="JavaScript snippets">JavaScript Snippets</a>
				</li>
			</ul>
		</menu>
	</header>
 
	<content>
		<h2>This is our content title inside of HTML5 template.</h2>
		<p>Hello, this is a blank HTML5 template - just for you ;)</p>
	</content>
 
	<footer>
		Copyleft 2010 - stuntcoders.com. HTML5 template.
	</footer>
</body>
</html>