<!DOCTYPE html>
<html>
<head>
<!-- HTML5中浏览器兼容(较低版本的IE浏览器不支持H5的布局):需要在<head>中加入
<!-[if lt IE9]><script src="html5.js"></script><![endif]->(html5.js是外部引入文件),
在head中的<style></style>中加入section、article、header、footer、aside等标签的样式属性,
如section {660px;margin:0 auto}。注意:如果加兼容性的判断的话,需要加完整的html、head、body等标签。-->
<!-[if lt IE9]>
<script src="html5.js"></script>
<![endif]->
<meta charset="utf-8" />
<title>布局示范</title>
<style>
section {660px;margin:0 auto}
article {500px;float:left}
header {100%;background:#ddd;text-align:center}
footer {100%;background:#ddd}
aside {150px;float:right}
</style>
</head>
<body>
这是HTML5!!!<br />
<section>这是h5</section>
<section>这是h5</section>
<section>这是h5</section>
<section>这是h5</section>
<footer>这是脚</footer>
<footer>这是脚</footer>
<footer>这是脚</footer>
<footer>这是脚</footer>
</body>
</html>