Advanced Search

blank html5 template

/ 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 lang="en" class="no-js ie6"> <![endif]-->
  4. <!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
  5. <!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
  6. <!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
  7. <!--[if (gt IE 9)|!(IE)]><!--><html lang="en" clas="no-js"><!--<![endif]-->
  8. <head>
  9. 	<title></title>
  10.  
  11. 	<meta charset="UTF-8"/>
  12. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13.  
  14. 	<meta name="description" content="">
  15. 	<meta name="author" content="">
  16.  
  17. 	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
  18. 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
  19.  
  20. 	<!--[if ! lte IE 6]><!-->
  21. 		<link rel="stylesheet" href="assets/css/main.css">
  22. 	<!--<![endif]-->
  23.  
  24. 	<!--[if gte IE 7]>
  25. 		<link rel="stylesheet" href="assets/css/ie7.css" type="text/css" media="screen, projection" />
  26. 	<![endif]--> 
  27.  
  28. 	<!--[if lte IE 6]>
  29. 		<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.1.0b.css" media="screen, projection">
  30. 		<link rel="stylesheet" href="assets/css/ie6.css" type="text/css" media="screen, projection" />
  31. 	<![endif]-->
  32. </head>
  33. <body>
  34.  
  35. 	<div id="wrap">
  36.  
  37. 		<div id="accessibility" class="visuallyhidden">
  38. 		 	<a href="#nav">Skip to Navigation</a> |
  39. 		 	<a href="#main-content">Skip to Content</a>
  40. 		</div>
  41.  
  42.  
  43. 		<header role="banner">
  44. 			 <div class="masthead">
  45. 			   	<a href="#"></a>
  46. 			 </div>
  47. 			 <nav id="nav" role="navigation">
  48. 			   	<ul>
  49. 			     	<li><a href="#"></a></li>
  50. 			   	</ul>
  51. 			 </nav>
  52. 			 <div id="secondary-nav">
  53. 			 	<ul>
  54. 			     	<li><a href="#"></a></li>
  55. 			   	</ul>
  56. 			</div>
  57. 		</header>
  58.  
  59.  
  60. 		<section id="main-content" role="main">
  61. 			 <h1></h1>
  62. 			 <article>
  63. 			   	<header>
  64. 			     	<h2></h2>
  65. 			   	</header>
  66. 			 </article>
  67. 		</section> <!-- !main-content -->
  68.  
  69.  
  70. 		<aside id="sidebar">
  71. 		</aside> <!-- !aside -->
  72.  
  73.  
  74. 		<footer>
  75. 		</footer> <!-- !footer -->
  76.  
  77. 	</div> <!-- !wrap -->
  78.  
  79. 	<script src="assets/js/jquery-1.5.min.js"></script>
  80.  
  81. 	<script src="assets/js/modernizr-1.6.min.js"></script>
  82.  
  83.  
  84. 	<!-- scripts concatenated and minified via ant build script-->
  85. 	<script src="assets/js/plugins.js"></script>
  86. 	<script src="assets/js/script.js"></script>
  87. 	<!-- end concatenated and minified scripts-->
  88.  
  89. 	<!--[if lt IE 7 ]>
  90. 		<script src="js/libs/dd_belatedpng.js"></script>
  91. 	    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
  92. 	<![endif]-->
  93.  
  94. 	<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
  95. 	       change the UA-XXXXX-X to be your site's ID -->
  96. 	<script>
  97. 		var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
  98. 	   	(function(d, t) {
  99. 	    	var g = d.createElement(t),
  100. 	        	s = d.getElementsByTagName(t)[0];
  101. 	    	g.async = true;
  102. 	    	g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  103. 	    	s.parentNode.insertBefore(g, s);
  104. 	   	})(document, 'script');
  105.   </script>
  106.  
  107. </body>
  108. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.