Posted By

CKOink on 04/26/11

Tagged

html5

Versions (?)

Last Edited at 04/26/11 11:00pm

Statistics

Viewed 695 times

Favorited by 1 user(s)

Related snippets

HTLM5 Snatch Meta

/ Published in: HTML

HTLM 5 using the google snatch meta tag hiearchy

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title>pageTitle</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="robots" content="">
  <meta name="author" content="">
  <link rel="stylesheet" href="default.css">
        <!--[if lt IE 9]> 
        	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
 
<body>
 
<div id="accessibility">
  <a href="#nav">Skip to Navigation</a> |
  <a href="#main-content">Skip to Content</a>
</div>
 
 
<header role="banner">
  <div class="masthead">
    <a href="#"> ....site title or logo, purposely not an h1.... </a>
  </div>
  <nav id="nav">
    <ul>
      <li><a href="#">
        ....main site nav list....
      </a></li>
    </ul>
  </nav>
  <div id="secondary-nav">
    <ul>
      <li><a href="#">
        ....other non-primary navigation doesn't belong in a nav element....
      </a></li>
    </ul>
  </div>
</header>
 
 
<section id="main-content" role="main">
  <h1> ....page title here.... </h1>
  <article>
    <header>
      <h2>....article heading if needed....</h2>
      <h3>....article sub-heading if needed....</h3>
    </header>
    ....article content here....
  </article>
  <article>
    ....use more article elements if appropriate; if not, I still use divs....
  </article>
</section>
 
 
<aside id="sidebar">
   ....site sidebar here....
</aside>
 
 
<footer>
  .... footer content here ....
</footer>
 
 
</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.