The KIRUPA orange logo! A stylized orange made to look like a glass of orange juice! Tutorials Books Videos Forums

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.

Just a final word before we wrap up. If you have a question and/or want to be part of a friendly, collaborative community of over 220k other developers like yourself, post on the forums for a quick response!

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

Serving you freshly baked content since 1998!
Killer icons by Dark Project Studios

Twitter Youtube Facebook Pinterest Instagram Github