Advanced Search

Needs Work HTML5

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>pageTitle</title>
  6.   <link rel="stylesheet" href="default.css">
  7.   <script src="default.js"></script>
  8. </head>
  9. <body>
  10.  
  11.  
  12. <div id="accessibility">
  13.   <a href="#nav">Skip to Navigation</a> |
  14.   <a href="#main-content">Skip to Content</a>
  15. </div>
  16.  
  17.  
  18. <header role="banner">
  19.   <div class="masthead">
  20.     <a href="#"> ....site title or logo, purposely not an h1.... </a>
  21.   </div>
  22.   <nav id="nav">
  23.     <ul>
  24.       <li><a href="#">
  25.         ....main site nav list....
  26.       </a></li>
  27.     </ul>
  28.   </nav>
  29.   <div id="secondary-nav">
  30.     <ul>
  31.       <li><a href="#">
  32.         ....other non-primary navigation doesn't belong in a nav element....
  33.       </a></li>
  34.     </ul>
  35.   </div>
  36. </header>
  37.  
  38.  
  39. <section id="main-content" role="main">
  40.   <h1> ....page title here.... </h1>
  41.   <article>
  42.     <header>
  43.       <h2>....article heading if needed....</h2>
  44.       <h3>....article sub-heading if needed....</h3>
  45.     </header>
  46.     ....article content here....
  47.   </article>
  48.   <article>
  49.     ....use more article elements if appropriate; if not, I still use divs....
  50.   </article>
  51. </section>
  52.  
  53.  
  54. <aside id="sidebar">
  55.    ....site sidebar here....
  56. </aside>
  57.  
  58.  
  59. <footer>
  60.   .... footer content here ....
  61. </footer>
  62.  
  63.  
  64. </body>
  65. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.