Advanced Search

Page Structure in HTML5

/ Published in: Haskell
Save to your folder(s)
This example is a basic HTML5 page structure that you can use for developing of your HTML5 website layout.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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>

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.