Skip to content

Instantly share code, notes, and snippets.

@Abizern
Created October 28, 2009 23:10
Show Gist options
  • Save Abizern/220958 to your computer and use it in GitHub Desktop.
Save Abizern/220958 to your computer and use it in GitHub Desktop.
Basic layout for HTML5
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="robots" content="" />
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css">
<link rel="stylesheet" type="text/css" href="" media="screen" />
</head>
<body>
<header>
</header>
<nav>
</nav>
<article>
</article>
<aside>
</aside>
<footer>
</footer>
</body>
</html>
/* Make sure that HTML5 elements are treated as block level */
header, nav, article, section, aside, footer {
display: block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment