Advanced Search

html5boilerplate - full

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

Expand | Embed | Plain Text

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.