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

Posted Undefined丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于HTML5新增的语义标签和IE版本低的兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

H5新增语义化标签

html5中语义化标签以及兼容性处理方法

HTML5新特性CSS3新特性

H5常用新特性

完美解决IE低版本语义化标签不兼容的方案

HTML5新增标签