美文网首页
ie8 不支持h5新标签

ie8 不支持h5新标签

作者: _信仰zmh | 来源:发表于2018-04-19 21:24 被阅读16次

最近在改别人代码,改的头疼,因为他的html使用得h5新标签,比如header, footer, main

这些在现代主流浏览器上,都是没问提的,但是在ie8上,由于ie8不认识h5新标签,导致解析出来得结果就是 所有用新标签包裹得html,都不在新标签中。

比如:

<header>
  <div class="title">
        <h2></h2>
  </div>
</header>

在ie8解析下是这样得:

<header>
</header>
<div class="title">
      <h2></h2>
</div>

包裹关系变成了兄弟关系。

如果你用的css样式,是带header得话,那么就会有问题,因为找不到这个dom,所以样式就显示不出来

header .title{ 
     // css style
}
解决方案:
  • 修改html和css
    <header></header>,改成 <div class="header"></div>
    然后css中将 header 改成 .header
.header .title{ 
     // css style
}
  • 只修改css
    这个就简单了,直接把css中得header去掉
 .title{ 
     // css style
}

相关文章

  • 2016-11-30

    1 发现问题:IE8及以下浏览器不支持 、 等标签找到原因:IE8及以下浏览器不支持html5新标签、css3新属...

  • ie8 不支持h5新标签

    最近在改别人代码,改的头疼,因为他的html使用得h5新标签,比如header, footer, main 这些在...

  • HTML5标签兼容IE9,IE8

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

  • 兼容性问题

    IE8以下不支持 语义化标签 header nav article 这种 IE8以下不支持Css3属性 如 rgb...

  • html5语义化标签

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

  • HTML5新增特性

    html5总的来说多了十个新特性,但其不支持ie8及ie8以下版本的浏览器。 语义化标签 增强型表单 视频和音频 ...

  • 前端本地存储localStorage,cookie

    由于IE8一下浏览器不支持h5的localStorage。所以,在此将其与cookie的存储封装在一起。IE8很大...

  • VueJs入门

    标签(空格分隔): JavaScript框架 兼容性说明:Vue.js 不支持 IE8 及其以下版本,因为 Vue...

  • Vue.js心得,从今天开始

    1. Vue.js为什么不支持IE8? Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟...

  • 前端技术栈小结

    技术栈示意 H5 html的最新标准,IE8以上的浏览器支持,这个新标准增加了很多特定的标签。 CS3 CSS的新...

网友评论

      本文标题:ie8 不支持h5新标签

      本文链接:https://www.haomeiwen.com/subject/wpygkftx.html