Posted By

CKOink on 04/26/11


Tagged

html5


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

CKOink


HTLM5 Snatch Meta


 / Published in: HTML
 

HTLM 5 using the google snatch meta tag hiearchy

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

Report this snippet  

You need to login to post a comment.