The HTML5 Starting Template

by kirupa   |   3 October 2012

  Have questions? Discuss this HTML5 tutorial with others on the forums.

Most of the articles I write are to help my dear friends - friends such as yourself. Very very rarely, there are times when I write things under the disguise of helping others. This is one such time. In this article, you will see a boilerplate HTML5 template designed to easily get you (aka me) up and running with a HTML5 document.

Without further delay, the content of our template is:

<!DOCTYPE html>

<meta charset="utf-8">
<meta content="stuff, to, help, search, engines, not" name="keywords">
<meta content="What this page is about." name="description">
<meta content="An Interesting Title Goes Here" name="title">
<title>An Interesting Title Goes Here</title>






To use this template, just create a new HTML document, copy all of the above contents, and paste it into your document. That's all there is to it. You now have a fully HTML5-compliant document.

Further Reading

To learn more about what this boilerplate content contains, check out the Getting Your Feet Wet With HTML5 tutorial where I go into more detail on each of the tags and what purpose they serve.


Well, that's pretty much it. My goal with this is to allow you to get a basic HTML5 document up and running in under 5 seconds. From here, depending on what you are doing, you should consider adding a reference to any of the popular 3rd party libraries to help you add interactivity, remove prefixes, reset your CSS, and so on.

As for me, I like my starting HTML to go commando and contain no additional bells and whistles. I'm sure Chuck Norris would be pleased at my decision.

Getting Help

If you have questions, need some assistance on this topic, or just want to chat - post in the comments below or drop by our friendly forums (where you have a lot more formatting options) and post your question. There are a lot of knowledgeable and witty people who would be happy to help you out


Did you enjoy reading this and found it useful? If so, please share it with your friends:

If you didn't like it, I always like to hear how I can do better next time. Please feel free to contact me directly via e-mail, facebook, or twitter.

Kirupa Chinnathambi
I like to talk a lot - A WHOLE LOT. When I'm not talking, I've been known to write the occasional English word. You can learn more about me by going here.

Add Your Comment (or post on the Forums)

blog comments powered by Disqus

Awesome and high-performance web hosting!
new books - yay!!!