Posted By

apphp-snippets on 03/11/13


Tagged

html page structure html5


Versions (?)

Page Structure in HTML5


 / Published in: Haskell
 

URL: http://www.apphp.com/index.php?snippet=html-5-page-structure

This example is a basic HTML5 page structure that you can use for developing of your HTML5 website layout.

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Your Website Name</title>
  6. </head>
  7. <body>
  8. <header>
  9. <nav>
  10. <ul>
  11. <li>Your Menu</li>
  12. </ul>
  13. </nav>
  14. </header>
  15. <section>
  16. <article>
  17. <header>
  18. <h2>Article Title</h2>
  19. <p>text...</p>
  20. </header>
  21. <p>text...</p>
  22. </article>
  23. <article>
  24. <header>
  25. <h2>Article Title</h2>
  26. <p>text...</p>
  27. </header>
  28. <p>text...</p>
  29. </article>
  30. </section>
  31. <aside>
  32. <h2>Section Title</h2>
  33. <p>text...</p>
  34. </aside>
  35. <footer>
  36. <p>Copyright 2012 Your name</p>
  37. </footer>
  38. </body>
  39. </html>

Report this snippet  

You need to login to post a comment.