1. 浏览器兼容性问题
- IE8及一下不支持H5
- IE9部分支持H5
- IE10及以上支持H5
- 行级元素在IE9设置宽高的时候失效,IE9将语义标签转换为行级元素
- 解决:
- IE9:将行级元素转换为块级元素, 当前元素添加样式:disaplay:block;
- IE8:手动创建H5标签(此时创建得标签类型默认都是行级元素)
<script> document.createElement("header"); document.createElement("nav"); document.createElement("footer"); </script>
- IE8:引入第三方插件html5shiv.min.js
<script src="./html5shiv.min.js"></script>