|
|
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Sample HTML5 Structure</title>
<style>
header, nav, article, footer, address, section {
display: block;
}
#container {
width:900px;
margin:auto;
background-color:white;
}
header {
background-color:#666;
}
nav li {
display:inline;
padding-right:1em;
}
nav a {
color:white;
text-decoration:none;
}
nav a:hover {
text-decoration:overline;
}
h1, h2 {
margin:0px;
font-size:1.5em;
}
h2 {
font-size:1em;
}
footer {
background-color:#999;
text-align:center;
}
</style>
<script>
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
</script>
</head>
<body>
<div id="container">
<header>
<h1>Sample HTML5 Structure</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
</header>
<section>
<hgroup>
<h1>Main Section</h1>
<h2>This is a sample HTML5 Page</h2>
</hgroup>
<article>
<p>This is the content for the first article</p>
</article>
<article>
<p>This is the content for the second article</p>
</article>
</section>
<footer>
<p>This is the Footer</p>
</footer>
</div>
</body>
</html>
|
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please
let us know and we'll add colourisation support for it.
I'm a Russian (Moscow Aviational Institute 1996-2002) Software Engineer living in Moscow, Russia. I have a long experience in Windows programming and have been developing large GUI, Real Time Enterprise Client/Server C# applications and SQL Server/Oracle databases.
My point of interests is high load enterprise applications.
Submit an article or tip