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