Advanced Search

HTML5 boilerplate with comments

/ 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. <html lang="en" class="no-js">
  3. <head>
  4.   <meta charset="utf-8">
  5.  
  6.   <!-- www.phpied.com/conditional-comments-block-downloads/ -->
  7.   <!--[if IE]><![endif]-->
  8.  
  9.   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
  10.        Remove this if you use the .htaccess -->
  11.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12.  
  13.   <title></title>
  14.   <meta name="description" content="">
  15.   <meta name="author" content="">
  16.  
  17.   <!--  Mobile Viewport Fix
  18.         j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag 
  19.   device-width : Occupy full width of the screen in its current orientation
  20.   initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
  21.   maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
  22.   -->
  23.   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
  24.  
  25.  
  26.   <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
  27.   <link rel="shortcut icon" href="/favicon.ico">
  28.   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  29.  
  30.  
  31.   <!-- CSS : implied media="all" -->
  32.   <link rel="stylesheet" href="css/style.css?v=1">
  33.  
  34.   <!-- For the less-enabled mobile browsers like Opera Mini -->
  35.   <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
  36.  
  37.  
  38.   <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  39.   <script src="js/modernizr-1.5.min.js"></script>
  40.  
  41. </head>
  42.  
  43. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  44.  
  45. <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
  46. <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
  47. <!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
  48. <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
  49. <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
  50.  
  51.   <div id="container">
  52.     <header>
  53.  
  54.     </header>
  55.  
  56.     <div id="main">
  57.  
  58.     </div>
  59.  
  60.     <footer>
  61.  
  62.     </footer>
  63.   </div> <!--! end of #container -->
  64.  
  65.  
  66.   <!-- Javascript at the bottom for fast page loading -->
  67.  
  68.   <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  69.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  70.   <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>
  71.  
  72.  
  73.   <script src="js/plugins.js?v=1"></script>
  74.   <script src="js/script.js?v=1"></script>
  75.  
  76.   <!--[if lt IE 7 ]>
  77.     <script src="js/dd_belatedpng.js?v=1"></script>
  78.   <![endif]-->
  79.  
  80.  
  81.   <!-- yui profiler and profileviewer - remove for production -->
  82.   <script src="js/profiling/yahoo-profiling.min.js?v=1"></script>
  83.   <script src="js/profiling/config.js?v=1"></script>
  84.   <!-- end profiling code -->
  85.  
  86.  
  87.   <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
  88.        change the UA-XXXXX-X to be your site's ID -->
  89.   <script>
  90.    var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
  91.    (function(d, t) {
  92.     var g = d.createElement(t),
  93.         s = d.getElementsByTagName(t)[0];
  94.     g.async = true;
  95.     g.src = '//www.google-analytics.com/ga.js';
  96.     s.parentNode.insertBefore(g, s);
  97.    })(document, 'script');
  98.   </script>
  99.  
  100. </body>
  101. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.