This single-serving site provides a simple template to build a HTML5 page.
Instead of syncing snippets in various editors or copy faulty examples
from old blog posts, just use this website as a convenient resource.
Usage
📋 Just copy and paste the following HTML template.
🤖 If this page is requested from a commandline tool, then it
will return the HTML template only. Type
wget html5example.com
or curl -L html5example.com > index.html
or http https://html5example.com > index.html
in your shell to create a new HTML5 file. Hint: Add an
alias to create new template files in your
project whenever you want.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 Example Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="HTML5 Example Page">
<link rel="stylesheet" href="/assets/css/stylesheet.css?v=1">
</head>
<body>
<header>
<h1>HTML5 Example Page</h1>
</header>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
<article>
<h2>This is a headline</h2>
<p>
This is some text. This is some text.
This is some text. This is some text.
This is some text. This is some text.
</p>
</article>
<aside>
<a href="">
<figure>
<img src="/assets/images/image.png" width="360" height="80" alt="Description of the image" />
<figcaption>Caption for the image</figcaption>
</figure>
<p>
This is some teaser text. This is some teaser text.
</p>
</a>
</aside>
<section>
<h2>This is another headline</h2>
<div class="someclass">
This is another text.
</div>
<div class="someclass">
This is another text.
</div>
</section>
<footer>
Made with <a href="https://html5example.com">html5example.com</a>
</footer>
<script src="/assets/js/scripts.js"></script>
</body>
</html>