HTML5 Example Page

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 the commandline, 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: The shell script requests accept some options as well, for example to set the title or document content. Example command for HTTPie http POST https://html5example.com title=Minimal-Template content='Hello World' > index.html.

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