Advanced Search

html5 boilerplate

/ Published in: Other
Save to your folder(s)

Expand | Embed | Plain Text

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.