Advanced Search

Return to Snippet

Revision: 27427
at June 18, 2010 07:10 by vagrantradio
Updated Code 
<!DOCTYPE html>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<html>
        <style>
	 /* Make HTML 5 elements display block-level for consistent styling */
	 article, aside, figure, footer, header, hgroup, menu, nav, section {
	  display: block;
	 }
        </style>
<script type="text/javascript>
document.createElement("article");
document.createElement("aside");
document.createElement("figure");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("menu");
document.createElement("nav");
document.createElement("section");
</script>
		<head>
		    <title><!-- Your Title --></title>
		</head>

		<body>
			<header>
				<!-- ... -->
			</header>

			<nav>
				<!-- ... -->
			</nav>

			<div id="main">
                                <article>
				   <hgroup>
				      <h2>Post 1</h2>
				       <h3>This one's first</h3>
				    </hgroup>
				<p>...</p>
				</article>
			</div>

			<footer>
				<!-- ... -->
			</footer>
		</body>
	</html>

Revision: 27426
at June 7, 2010 16:26 by vagrantradio
Initial Code 
<!DOCTYPE html>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<html>
        <style>
	 /* Make HTML 5 elements display block-level for consistent styling */
	 header, nav, article, footer, address {
	  display: block;
	 }
        </style>
<script type="text/javascript>
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
</script>
		<head>
		    <title><!-- Your Title --></title>
		</head>

		<body>
			<header>
				<!-- ... -->
			</header>

			<nav>
				<!-- ... -->
			</nav>

			<div id="main">
                                <article>
				   <hgroup>
				      <h2>Post 1</h2>
				       <h3>This one's first</h3>
				    </hgroup>
				<p>...</p>
				</article>
			</div>

			<footer>
				<!-- ... -->
			</footer>
		</body>
	</html>
Initial URL 
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/
Initial Description 
HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we’ll create a common layout using some of HTML 5’s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.
Initial Title 
How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6
Initial Tags 
css, html, html5
Initial Language 
HTML