Snippet. HTML. A Basic HTML5 Template Using the Newly Introduced Tags

This is a basic HTML5 template using the newly introduced tags.

New tags found in HTML5 - <aside>,<footer>,<header>,<nav>,<time>.

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>My shiny site</title>
</head>
<body>
  <header>
    <nav>
      <ul>
         <li>Menu item</li>
      </ul>
    </nav>
  </header>
  <section>
    <article>
      <header>
        <h2>Article title</h2>
        <p>Posted on <time datetime="2011-04-15T16:31:24+02:00">April 15th 2011</time> by <a href="#">Author</a> – <a href="#comments">6 comments</a></p>
      </header>
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </article>
    <article>
      <header>
        <h2>Article title</h2>
        <p>Posted on <time datetime="2011-04-15T16:31:24+02:00">April 15th 2011</time>  by <a href="#">Author</a> – <a href="#comments">6 comments</a></p>
      </header>
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </article>
  </section>
  <aside>
    <h2>About section</h2>
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  </aside>
  <footer>
    <p>Copyright 2011 Your name</p>
  </footer>
</body>
</html>

Updated on: 29 Mar 2024