Posted By

ryantxr on 06/07/12


Tagged

jquery html5


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

mattvbiggs


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.

  1. <!DOCTYPE html>
  2. <!-- this was constructed from parts from other snippets -->
  3. <meta charset="utf-8" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="description" content="put your page description here" />
  6. <meta name="keywords" content="put,keywords,here" />
  7.  
  8. <meta http-equiv="pragma" content="no-cache" /> <!-- Allowed values = PUBLIC | PRIVATE | NO-CACHE | NO-STORE -->
  9. <meta http-equiv="cache-control" content="no-cache" />
  10. <meta http-equiv="expires" content="0" /> <!-- Mon, 22 Jul 2002 11:12:01 GMT -->
  11. <meta http-equiv="content-language" content="en-US" />
  12. <meta name="generator" content="what app generated this content" />
  13.  
  14. <meta name="robots" content="" /> <!-- Allowed values = ALL | NONE | NOINDEX | INDEX| NOFOLLOW | FOLLOW -->
  15.  
  16. <title>Site Name | Short Description</title>
  17. <link rel="shortcut icon" href="favicon.ico" />
  18. <link rel="stylesheet" href="styles.css">
  19. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  20. <!--[if lt IE 9]>
  21. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  22. <![endif]-->
  23. </head>
  24. <div id="wrapper">
  25. <div class="header">
  26. <h1>Title</h1>
  27. </div>
  28. <div class="nav">
  29. Nav
  30. </div>
  31. <div class="section" id="content">
  32. <div class="article">
  33. Article
  34. </div>
  35. </div>
  36. <div class="aside">
  37. Sidebar
  38. </div>
  39. <div class="footer">
  40. Footer
  41. </div>
  42. </div>
  43.  
  44. <!-- The following block is an empty template to setup your jQuery Plugins -->
  45. <script type="text/javascript">
  46. $(document).ready(function(){
  47. /* OK, you can now initiate your jQuery plugins */
  48.  
  49.  
  50. /* no more jQuery after this */
  51. });
  52.  
  53. </body>
  54. </html>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: manuchill on June 7, 2012

what exactly is html5 in this template, except from the doctype?

Posted By: ryantxr on July 30, 2012

Just the doctype. As you can see, this is a barebones starting point only.

You need to login to post a comment.