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>
<html>

<head>
<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>

<style>

</style>
</head>

<body>




<script>

</script>
</body>
</html>

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.

Conclusion

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.

If you have a question about this or any other topic, the easiest thing is to drop by our forums where a bunch of the friendliest people you'll ever run into will be happy to help you out!

THE KIRUPA NEWSLETTER

Get cool tips, tricks, selfies, and more...personally hand-delivered to your inbox!

( View past issues for an idea of what you've been missing out on all this time! )

WHAT DO YOU THINK?

blog comments powered by Disqus

NEWSLETTER

No spam. No fluff. Just awesome content sent straight to your inbox!

Awesome and high-performance web hosting!
BACK TO TOP
new books - yay!!!