Advanced Search

Return to Snippet

Revision: 37980
at February 28, 2011 20:55 by MarkusToe
Updated Code 
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" clas="no-js"><!--<![endif]-->
<head>
	<title></title>
	
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<meta name="description" content="">
	<meta name="author" content="">

	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<!--[if ! lte IE 6]><!-->
		<link rel="stylesheet" href="assets/css/main.css">
	<!--<![endif]-->

	<!--[if gte IE 7]>
		<link rel="stylesheet" href="assets/css/ie7.css" type="text/css" media="screen, projection" />
	<![endif]--> 
	
	<!--[if lte IE 6]>
		<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.1.0b.css" media="screen, projection">
		<link rel="stylesheet" href="assets/css/ie6.css" type="text/css" media="screen, projection" />
	<![endif]-->
</head>
<body>
	
	<div id="wrap">

		<div id="accessibility" class="visuallyhidden">
		 	<a href="#nav">Skip to Navigation</a> |
		 	<a href="#main-content">Skip to Content</a>
		</div>


		<header role="banner">
			 <div class="masthead">
			   	<a href="#"></a>
			 </div>
			 <nav id="nav" role="navigation">
			   	<ul>
			     	<li><a href="#"></a></li>
			   	</ul>
			 </nav>
			 <div id="secondary-nav">
			 	<ul>
			     	<li><a href="#"></a></li>
			   	</ul>
			</div>
		</header>


		<section id="main-content" role="main">
			 <h1></h1>
			 <article>
			   	<header>
			     	<h2></h2>
			   	</header>
			 </article>
		</section> <!-- !main-content -->


		<aside id="sidebar">
		</aside> <!-- !aside -->


		<footer>
		</footer> <!-- !footer -->

	</div> <!-- !wrap -->
	
	<script src="assets/js/jquery-1.5.min.js"></script>
	
	<script src="assets/js/modernizr-1.6.min.js"></script>
	
	
	<!-- scripts concatenated and minified via ant build script-->
	<script src="assets/js/plugins.js"></script>
	<script src="assets/js/script.js"></script>
	<!-- end concatenated and minified scripts-->
	
	<!--[if lt IE 7 ]>
		<script src="js/libs/dd_belatedpng.js"></script>
	    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	<![endif]-->
	
	<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
	       change the UA-XXXXX-X to be your site's ID -->
	<script>
		var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
	   	(function(d, t) {
	    	var g = d.createElement(t),
	        	s = d.getElementsByTagName(t)[0];
	    	g.async = true;
	    	g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    	s.parentNode.insertBefore(g, s);
	   	})(document, 'script');
  </script>
	
</body>
</html>

Revision: 37979
at February 13, 2011 04:52 by MarkusToe
Updated Code 
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="de" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="de" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="de" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="de" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" clas="no-js"><!--<![endif]-->
<head>
	<title>Title</title>
	
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<meta name="description" content="">
	<meta name="author" content="">

	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="stylesheet" media="handheld" href="assets/css/handheld.css?v=2">
	
	<!--[if ! lte IE 6]><!-->
		<link rel="stylesheet" href="assets/css/main.css">
	<!--<![endif]-->

	<!--[if gte IE 7]>
		<link rel="stylesheet" href="assets/css/ie7.css" type="text/css" media="screen, projection" />
	<![endif]--> 
	
	<!--[if lte IE 6]>
		<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.1.0b.css" media="screen, projection">
		<link rel="stylesheet" href="assets/css/ie6.css" type="text/css" media="screen, projection" />
	<![endif]-->
</head>
<body>
	
	<div id="wrap">

		<div id="accessibility">
		 	<a href="#nav">Skip to Navigation</a> |
		 	<a href="#main-content">Skip to Content</a>
		</div>


		<header role="banner">
			 <div class="masthead">
			   	<a href="#"></a>
			 </div>
			 <nav id="nav" role="navigation">
			   	<ul>
			     	<li><a href="#"></a></li>
			   	</ul>
			 </nav>
			 <div id="secondary-nav">
			 	<ul>
			     	<li><a href="#"></a></li>
			   	</ul>
			</div>
		</header>


		<section id="main-content" role="main">
			 <h1></h1>
			 <article>
			   	<header>
			     	<h2></h2>
			   	</header>
			 </article>
		</section>
<!-- !main-content -->


		<aside id="sidebar">
		</aside>
<!-- !aside -->


		<footer>
		</footer> <!-- !footer -->

	</div> <!-- !wrap -->
	
	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script>!window.jQuery && document.write(unescape('%3Cscript src="assets/js/jquery-1.5.min.js"%3E%3C/script%3E'))</script>
	
	<script src="js/libs/modernizr-1.6.min.js"></script>
	
	
	<!-- scripts concatenated and minified via ant build script-->
	<script src="js/plugins.js"></script>
	<script src="js/script.js"></script>
	<!-- end concatenated and minified scripts-->
	
	<!--[if lt IE 7 ]>
		<script src="js/libs/dd_belatedpng.js"></script>
	    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	<![endif]-->
	
	<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
	       change the UA-XXXXX-X to be your site's ID -->
	<script>
		var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
	   	(function(d, t) {
	    	var g = d.createElement(t),
	        	s = d.getElementsByTagName(t)[0];
	    	g.async = true;
	    	g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    	s.parentNode.insertBefore(g, s);
	   	})(document, 'script');
  </script>
	
</body>
</html>

Revision: 37978
at February 13, 2011 00:33 by MarkusToe
Updated Code 
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" clas="no-js"><!--<![endif]-->
<head>
	<title>Title</title>
	
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<meta name="description" content="">
	<meta name="author" content="">

	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="stylesheet" media="handheld" href="assets/css/handheld.css?v=2">
	
	<!--[if ! lte IE 6]><!-->
		<link rel="stylesheet" href="assets/css/main.css">
	<!--<![endif]-->

	<!--[if gte IE 7]>
		<link rel="stylesheet" href="assets/css/ie7.css" type="text/css" media="screen, projection" />
	<![endif]--> 
	
	<!--[if lte IE 6]>
		<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.1.0b.css" media="screen, projection">
		<link rel="stylesheet" href="assets/css/ie6.css" type="text/css" media="screen, projection" />
	<![endif]-->
</head>
<body>
	
	<div id="wrap">

		<div id="accessibility">
		 	<a href="#nav">Skip to Navigation</a> |
		 	<a href="#main-content">Skip to Content</a>
		</div>


		<header role="banner">
			 <div class="masthead">
			   	<a href="#"></a>
			 </div>
			 <nav id="nav" role="navigation">
			   	<ul>
			     	<li><a href="#"></a></li>
			   	</ul>
			 </nav>
			 <div id="secondary-nav">
			 	<ul>
			     	<li><a href="#"></a></li>
			   	</ul>
			</div>
		</header>


		<section id="main-content" role="main">
			 <h1></h1>
			 <article>
			   	<header>
			     	<h2></h2>
			   	</header>
			 </article>
		</section>
<!-- !main-content -->


		<aside id="sidebar">
		</aside>
<!-- !aside -->


		<footer>
		</footer> <!-- !footer -->

	</div> <!-- !wrap -->
	
	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script>!window.jQuery && document.write(unescape('%3Cscript src="assets/js/jquery-1.5.min.js"%3E%3C/script%3E'))</script>
	
	<script src="js/libs/modernizr-1.6.min.js"></script>
	
	
	<!-- scripts concatenated and minified via ant build script-->
	<script src="js/plugins.js"></script>
	<script src="js/script.js"></script>
	<!-- end concatenated and minified scripts-->
	
	<!--[if lt IE 7 ]>
		<script src="js/libs/dd_belatedpng.js"></script>
	    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	<![endif]-->
	
	<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
	       change the UA-XXXXX-X to be your site's ID -->
	<script>
		var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
	   	(function(d, t) {
	    	var g = d.createElement(t),
	        	s = d.getElementsByTagName(t)[0];
	    	g.async = true;
	    	g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    	s.parentNode.insertBefore(g, s);
	   	})(document, 'script');
  </script>
	
</body>
</html>

Revision: 37977
at February 4, 2011 00:52 by MarkusToe
Updated Code 
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" clas="no-js"><!--<![endif]-->
<head>
	<title>Title</title>
	
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<meta name="description" content="">
	<meta name="author" content="">

	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="stylesheet" href="assets/css/main.css">
	<link rel="stylesheet" media="handheld" href="assets/css/handheld.css?v=2">
	
	<script src="js/libs/modernizr-1.6.min.js"></script>
</head>
<body>
	
	<div id="wrap">
		<!DOCTYPE html>
<html>
<head>
  <title>pageTitle</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="default.css">
  <script src="default.js"></script>
</head>
<body>

<div id="accessibility">
  <a href="#nav">Skip to Navigation</a> |
  <a href="#main-content">Skip to Content</a>
</div>


<header role="banner">
  <div class="masthead">
    <a href="#"> ....site title or logo, purposely not an h1.... </a>
  </div>
  <nav id="nav">
    <ul>
      <li><a href="#">
        ....main site nav list....
      </a></li>
    </ul>
  </nav>
  <div id="secondary-nav">
    <ul>
      <li><a href="#">
        ....other non-primary navigation doesn't belong in a nav element....
      </a></li>
    </ul>
  </div>
</header>


<section id="main-content" role="main">
  <h1> ....page title here.... </h1>
  <article>
    <header>
      <h2>....article heading if needed....</h2>
      <h3>....article sub-heading if needed....</h3>
    </header>
    ....article content here....
  </article>
  <article>
    ....use more article elements if appropriate; if not, I still use divs....
  </article>
</section>


<aside id="sidebar">
   ....site sidebar here....
</aside>


<footer>
  .... footer content here ....
</footer>

	</div> <!-- !wrap -->
	
	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
	  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
	  <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>
	
	<!-- scripts concatenated and minified via ant build script-->
	  <script src="js/plugins.js"></script>
	  <script src="js/script.js"></script>
	  <!-- end concatenated and minified scripts-->
	
	<!--[if lt IE 7 ]>
	    <script src="js/libs/dd_belatedpng.js"></script>
	    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	  <![endif]-->
	
	<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
	       change the UA-XXXXX-X to be your site's ID -->
	  <script>
	   var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
	   (function(d, t) {
	    var g = d.createElement(t),
	        s = d.getElementsByTagName(t)[0];
	    g.async = true;
	    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    s.parentNode.insertBefore(g, s);
	   })(document, 'script');
	  </script>
	
</body>
</html>

Revision: 37976
at December 22, 2010 00:47 by MarkusToe
Initial Code 
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" clas="no-js"><!--<![endif]-->
<head>
	<title>Title</title>
	
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<meta name="description" content="">
	<meta name="author" content="">

	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="stylesheet" href="assets/css/main.css">
	<link rel="stylesheet" media="handheld" href="assets/css/handheld.css?v=2">
	
	<script src="js/libs/modernizr-1.6.min.js"></script>
</head>
<body>
	
	<div id="wrap">
		<header id="banner" role="banner">
			<h1>Title</h1>
			<nav role="navigation">
				<ul>
					<li><a href="#">Home</a></li>
				</ul>
			</nav> <!-- !nav -->
		</header> <!-- !header -->
		
		<section id="main">

		</section> <!-- !main -->

		<footer>

		</footer> <!-- !header -->
	</div> <!-- !wrap -->
	
	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
	  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
	  <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>
	
	<!-- scripts concatenated and minified via ant build script-->
	  <script src="js/plugins.js"></script>
	  <script src="js/script.js"></script>
	  <!-- end concatenated and minified scripts-->
	
	<!--[if lt IE 7 ]>
	    <script src="js/libs/dd_belatedpng.js"></script>
	    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	  <![endif]-->
	
	<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
	       change the UA-XXXXX-X to be your site's ID -->
	  <script>
	   var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
	   (function(d, t) {
	    var g = d.createElement(t),
	        s = d.getElementsByTagName(t)[0];
	    g.async = true;
	    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    s.parentNode.insertBefore(g, s);
	   })(document, 'script');
	  </script>
	
</body>
</html>
Initial URL 









Initial Description














Initial Title





blank html5 template









Initial Tags





textmate, html5









Initial Language





Other