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?

Posted By: Renush on December 7, 2018

To fix connection to bluetooth audios devices and wirelesses displays in windows 10 operating system if your all bluetooth devices are fix connections to bluetooth audio device and wirelesses displays in window 10 not collected in with your computer system and all configuration well set.

You need to login to post a comment.