WP-Mix

A fresh mix of code snippets and tutorials

HTML5 Starter Template

Ahh yeah, HTML starter templates at your service..

Ultra-basic HTML starter template

Here is an ultra-basic HTML starter template:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Hello World</title>
	</head>
	<body>
		<h1>Hello</h1>
	</body>
</html>

Related: HTML5 Table Template »

More complete HTML starter template

Here is a more complete HTML starter template:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="description" content="Page Description">
		<title>HTML5 Starter Template</title>
		<link rel="stylesheet" href="/style.css">
		<script src="/script.js"></script>
	</head>
	<body>
		<header>
			<h1><a href="/">HTML5 Starter Template</a></h1>
			<nav>
				<ul>
					<li><a href="#">Link 1</a></li>
					<li><a href="#">Link 2</a></li>
					<li><a href="#">Link 3</a></li>
				</ul>
			</nav>
		</header>
		<article>
			<h2><a href="#">Section Title</a></h2>
			<p>Section Content</p>
		</article>
		<footer>
			<h6>© 2050 Etc.</h6>
		</footer>
	</body>
</html>

Both of the above templates are 100% valid HTML5. They are meant as quick copy/paste starting points, not recommendations or rules. Just enough to get you started on your next HTML coding project. Have fun :)

For more HTML templates, visit Bare-Bones HTML/XHTML Document Templates at Perishable Press.

★ Pro Tip:

The Tao of WordPress