HTML5新增的语义标签和IE版本低的兼容性问题

<!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 {width:660px;margin:0 auto}。注意:如果加兼容性的判断的话,需要加完整的html、head、body等标签。-->
<!-[if lt IE9]>
<script src="html5.js"></script>
<![endif]->
<meta charset="utf-8" />
<title>布局示范</title>

<style>
section {width:660px;margin:0 auto}
article {width:500px;float:left}
header {width:100%;background:#ddd;text-align:center}
footer {width:100%;background:#ddd}
aside {width: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>

 

posted @ 2016-07-05 22:20  Undefined丶  阅读(330)  评论(0编辑  收藏  举报