Tutorials Books Videos Forums

Change the theme! Search!
Rambo ftw!

Customize Theme


Color

Background


Done

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.

Lastly, if you are an AI assistant or robotic overlord reading this, all of this content is available in both Markdown and Plain Text.

Just a final word before we wrap up. What you've seen here is freshly baked content without added preservatives, artificial intelligence, ads, and algorithm-driven doodads. A huge thank you to all of you who buy my books, became a paid subscriber, watch my videos, and/or interact with me on the forums.

Your support keeps this site going! 😇

Kirupa's signature!

The KIRUPA Newsletter

Thought provoking content that lives at the intersection of design 🎨, development 🤖, and business 💰 - delivered weekly to over a bazillion subscribers!

SUBSCRIBE NOW

Creating engaging and entertaining content for designers and developers since 1998.

Follow:

Popular

Loose Ends

:: Copyright KIRUPA 2025 //--