美文网首页
HTML5标签兼容IE9,IE8

HTML5标签兼容IE9,IE8

作者: 八月飞花 | 来源:发表于2020-04-21 12:26 被阅读0次

H5语义化标签设置宽高失效问题

IE9虽然支持h5,但是不是全部支持,ie9会把语义化标签转化为行级元素,
导致设置宽高失效,需要通过display:block;转化为块级元素

如何兼容IE8

IE8则完全不支持H5,设置的css属性也会失效,不识别H5新标签,根本无法解析标签,
也就意味着所写的样式无效

解决IE8兼容性方式

手动创建标签

//标签名为H5的标签
document.createElement("header");//创建完标签之后,style样式就会生效,但是标签
  类型都是行级元素,需要在样式中加入display:block;

第一种手动创建标签太繁琐,我们可以引入第三方插件html5shiv.min.js
<script src="第三方插件"></script>

相关文章

  • 认识HTML5 1

    IE8以下不兼容HTML5使用以下代码,注释if判断当浏览器为IE9以下时解析 新增标签 标签定义图形,比...

  • HTML5标签兼容IE9,IE8

    H5语义化标签设置宽高失效问题 如何兼容IE8 解决IE8兼容性方式 手动创建标签

  • html5基础

    1、html5语义化标签如何兼容IE8?解决方式1:在该标签的css中设置该标签的display:block通过D...

  • attachEvent与addEventListener的区别

    attachEvent——兼容:IE7、IE8;不兼容firefox、chrome、IE9、IE10、IE11、s...

  • h5页面背景图兼容ie(前端经验)

    最近的项目需要兼容ie8,但是在ie8下背景图片总是被放大,如下图:ie8下: ie9下: 可以看到ie8下背景图...

  • Bootstrap 10.10

    基本的html模版 bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,...

  • bootstrap

    bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可...

  • bootstrap

    bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可...

  • html5语义化标签

    1.语义化标签总结 基础布局标签 注意:IE8以后不兼容H5标签,如果需要兼容IE8一下的浏览器,则需要如下操作:...

  • IE9 以下版本浏览器兼容HTML5的方法,使用的静态资源的ht

    IE9 以下版本浏览器兼容HTML5的方法,使用的静态资源的html5shiv包: