<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> new elements New layout template </title>
<style type= "Text/css" >
BODY{HEIGHT:608PX}
header{background:red;width:100%;height:10%}
Aside{width:20%;height:100%;float:left;background: #f0f0f0}
Section{width:80%;height:100%;float:left;background: #f8f8f8}
Footer{background:red;width:100%;height:10%;clear:left;text-align:center;}
nav{width:100%;height:5%;text-align:center;padding:6px;}
hgroup{width:100%;height:5%;text-align:center;padding:6px;}
address{width:100%;p adding-top:20px;}
Li{display:inline;}
A{text-decoration:none;}
</style>
<body>
Hgroup layout elements
<nav>
<ul>
<li><a href= "" > Sohu </a></li>
<li><a href= "" > Sohu </a></li>
<li><a href= "" > Sohu </a></li>
<li><a href= "" > Sohu </a></li>
<li><a href= "" > Sohu </a></li>
<li><a href= "" > Sohu </a></li>
<li><a href= "" > Sohu </a></li>
</ul>
</nav>
<aside>
<div id= "Div1" > Side </div>
</aside>
<section>
<div id= "Div2" > Body </div>
</section>
<footer>
<address> Hou Weidong, Wenan County Education Bureau,18022</address>
</footer>
</body>
html5-new elements New layout template-perfect in