<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>PHP100中文網(wǎng)HTML5專題</title>
<style type="text/css" rel="stylesheet">
header,nav,article,footer {border:solid 1px #666;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:200px}
article{float:left;width:428px;height:200px}
footer{clear:both;width:500px}
</style>
<script type="text/javascript">
document.createElement('article');
document.createElement('nav');
document.createElement('header');
</script>
</head>
<body>
<header>
<hgroup>導航相關(guān)數(shù)據(jù)</hgroup>
</header>
<nav>菜單</nav>
<article>
<h1>HTML5專題視頻教程</h1>
發(fā)布日期:<time>09:00</time>
<time datetime="2013-2-10">春節(jié)</time>
<p>測試相關(guān)內(nèi)容</p>
</article>
<footer>
<address>地址</address>
</footer>
</body>
</html>
