Posted By

chrisaiv on 04/04/12


Tagged

html5 modernizr


Versions (?)

Who likes this?

14 people have marked this snippet as a favorite

spee66
nairolf
mitry
ringo380
norman13
juanchifc
Abiotic
nsnow
inkscar
JuanIB
Priestd09
nellynette
cdeutsch
Mello


HTML5: Boilerplate


 / Published in: HTML
 

I suspect this boilerplate code will continue to evolve while I settle in on my favorite libraries and frameworks but

  1. <!DOCTYPE HTML>
  2.  
  3. <!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
  4. <!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
  5. <!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
  6. <!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
  7. <!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
  8. <!-- the "no-js" class is for Modernizr. -->
  9. <head id="" data-template-set="html5-reset">
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12.  
  13.  
  14. <meta name="viewport" content="width=device-width, maximum-scale=1.0" />
  15.  
  16. <!-- Global Javascript -->
  17. <!-- Modernizr -->
  18. <script type="text/javascript" charset="utf-8" src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js"></script>
  19. <!-- jQuery -->
  20. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  21. <!-- jQuery UI -->
  22. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
  23.  
  24. <!-- Page Specific Javascript -->
  25.  
  26. <!-- Initial Data-->
  27.  
  28. <!-- Google Maps -->
  29. <!-- New School Way: Ajax Request -->
  30. <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  31. <script type="text/javascript">
  32. // Loading the Google Maps API
  33. //google.load('maps', 3, {'other_params': 'sensor=false&language=en' });
  34. </script>
  35.  
  36. <script type="text/javascript">
  37. $(document).ready(function(){
  38. });
  39. </script>
  40.  
  41.  
  42. <!-- Global Stylesheets -->
  43. <link rel="stylesheet" href="/css/style.css" />
  44.  
  45.  
  46. <!-- Page specific Css -->
  47. </head>
  48. <header></header>
  49.  
  50. <nav></nav>
  51.  
  52. <section></section>
  53.  
  54. </body>
  55. </html>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: vjandrei on May 8, 2012

Nice one.

Posted By: ringo380 on May 7, 2013

Am I blind or is the closing missing>

Posted By: ringo380 on May 7, 2013

Correction: is the /head missing?

You need to login to post a comment.