Posted By

ryantxr on 06/07/12

Tagged

jquery
html5

Versions (?)

Last Edited at 06/07/12 01:23am

Statistics

Viewed 663 times

Favorited by 1 user(s)

Related snippets

Yet another HTML5 Skeleton

/ Published in: HTML

None of the html5 skeletons I found had everything I wanted.
The only HTML5 element here is the doctype.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!DOCTYPE html>
<html>
<head>
  <!-- this was constructed from parts from other snippets -->
  <meta charset="utf-8" />
  <meta http-equiv="Content-Type"      content="text/html; charset=utf-8" />
  <meta name="description"             content="put your page description here" />
  <meta name="keywords"                content="put,keywords,here" />  
 
  <meta http-equiv="pragma"            content="no-cache" /> <!-- Allowed values = PUBLIC | PRIVATE | NO-CACHE | NO-STORE -->
  <meta http-equiv="cache-control"     content="no-cache" /> 
  <meta http-equiv="expires"           content="0" /> <!-- Mon, 22 Jul 2002 11:12:01 GMT -->
  <meta http-equiv="content-language"  content="en-US" />
  <meta name="generator"               content="what app generated this content" />
 
  <meta name="robots"                  content="" /> <!-- Allowed values = ALL | NONE | NOINDEX | INDEX| NOFOLLOW | FOLLOW -->
 
  <title>Site Name | Short Description</title>
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" href="styles.css">
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
  <div id="wrapper">
    <div class="header">
      <h1>Title</h1>
    </div>
    <div class="nav">
      Nav
    </div>
    <div class="section" id="content">
      <div class="article">
        Article
      </div>
    </div>
    <div class="aside">
      Sidebar
    </div>
    <div class="footer">
      Footer
    </div>
  </div>
 
<!-- The following block is an empty template to setup your jQuery Plugins -->
<script type="text/javascript">
	$(document).ready(function(){
		/* OK, you can now initiate your jQuery plugins */
 
 
		/* no more jQuery after this */
	});
</script>
 
</body>
</html>