Page Structure in HTML5
This example is a basic HTML5 page structure that you can use for developing of your HTML5 website layout.
[View All Snippets]
[View All Snippets]
Show Plain Text »
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Your Website Name</title>
- </head>
- <body>
- <header>
- <nav>
- <ul>
- <li>Your Menu</li>
- </ul>
- </nav>
- </header>
- <section>
- <article>
- <header>
- <h2>Article Title</h2>
- <p>text...</p>
- </header>
- <p>text...</p>
- </article>
- <article>
- <header>
- <h2>Article Title</h2>
- <p>text...</p>
- </header>
- <p>text...</p>
- </article>
- </section>
- <aside>
- <h2>Section Title</h2>
- <p>text...</p>
- </aside>
- <footer>
- <p>Copyright 2012 Your name</p>
- </footer>
- </body>
- </html>