Posted By

scopevale on 02/22/11


Tagged

full boilerplate html5


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

SpinZ
mr2p


html5boilerplate - full


 / Published in: HTML
 

  1. <!doctype html>
  2.  
  3. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  4. <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
  5. <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
  6. <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
  7. <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
  8. <meta charset="utf-8">
  9.  
  10. <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
  11. Remove this if you use the .htaccess -->
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13.  
  14. <meta name="description" content="">
  15. <meta name="author" content="">
  16.  
  17. <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  18. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  19.  
  20. <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  21. <link rel="shortcut icon" href="/favicon.ico">
  22. <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  23.  
  24.  
  25. <!-- CSS : implied media="all" -->
  26. <link rel="stylesheet" href="css/style.css?v=2">
  27.  
  28. <!-- Uncomment if you are specifically targeting less enabled mobile browsers
  29. <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
  30.  
  31. <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  32. <script src="js/libs/modernizr-1.6.min.js"></script>
  33.  
  34. </head>
  35.  
  36.  
  37. <div id="container">
  38. <header>
  39.  
  40. </header>
  41.  
  42. <div id="main" role="main">
  43. </div>
  44.  
  45. <footer>
  46.  
  47. </footer>
  48. </div> <!--! end of #container -->
  49.  
  50.  
  51. <!-- Javascript at the bottom for fast page loading -->
  52.  
  53. <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  54. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  55. <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery.min.js"%3E%3C/script%3E'))</script>
  56.  
  57.  
  58. <!-- scripts concatenated and minified via ant build script-->
  59. <script src="js/plugins.js"></script>
  60. <script src="js/script.js"></script>
  61. <!-- end concatenated and minified scripts-->
  62.  
  63.  
  64. <!--[if lt IE 7 ]>
  65. <script src="js/libs/dd_belatedpng.js"></script>
  66. <script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  67. <![endif]-->
  68.  
  69.  
  70. <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
  71. var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  72. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
  73. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  74. s.parentNode.insertBefore(g,s)}(document,'script'));
  75. </script>
  76.  
  77. </body>
  78. </html>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: scopevale on February 22, 2011

stripped down html5 boilerplate

You need to login to post a comment.