美文网首页
IE低版本兼容HTML5 元素

IE低版本兼容HTML5 元素

作者: hyperRect | 来源:发表于2017-06-28 08:17 被阅读0次

1 JS Hack

<!--[if lt IE 9]> 
<script> 
   (function() {
     if (! 0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

2 引入H5 shiv 包

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

另: 需为低版本中没有语义化的元素 初始化样式(可以加入更多)

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

另 : 兼容不使用JS的客户端

<!--[if lte IE 8]> 
<noscript>
     <style>.html5-wrappers{display:none!important;}</style>
     <div class="ie-noscript-warning">您的浏览器禁用了脚本,请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
     </div>
</noscript>
<![endif]-->

相关文章

  • IE低版本兼容HTML5 元素

    1 JS Hack 2 引入H5 shiv 包 另: 需为低版本中没有语义化的元素 初始化样式(可以加入更多) 另...

  • 原生发生ajax

    兼容低版本IE

  • 「HTML 」语法

    HTML标签 书写规范标签属性 全局属性 标签分类 标签关系 注释标签 HTML5新语义标签兼容性低版本IE显示问...

  • border-radius兼容低版本ie解决方法

    昨天写了篇bootstrap兼容低版本ie的写法,可以戳这里查看。然后突然想到很多设计在设计页面的时候都喜欢将元素...

  • HTML(5)学习笔记

    HTML5和CSS3: 其实HTML5很多东西: html5+css3不兼容 只兼容IE9+幸福:不需要做兼容处...

  • HTML5_CSS3

    1: HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5 是...

  • HTML5_CSS3_媒体查询

    1、 HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5是...

  • HTML5_CSS3

    1、HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5 是...

  • js内置方法实现base64转换

    1. 该方式只是兼容ie10及其以上,做移动端项目或者对ie低版本兼容没要求,这种方式适用; 2. 该方式需要将字...

  • HTML5&CSS3

    HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5是超文本...

网友评论

      本文标题:IE低版本兼容HTML5 元素

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