FORUM Menu

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.

Got a question or just want to chat? Comment below or drop by our forums (they are actually the same thing!) where a bunch of the friendliest people you'll ever run into will be happy to help you out!

When Kirupa isn’t busy writing about himself in 3rd person, he is practicing social distancing…even on his Twitter, Facebook, and LinkedIn profiles.

Hit Subscribe to get cool tips, tricks, selfies, and more personally hand-delivered to your inbox.

COMMENTS

Serving you freshly baked content since 1998!
Killer hosting by (mt) mediatemple

Twitter Youtube Facebook Pinterest Instagram Github