`

H5 IE9及以下版本兼容h5新标签

阅读更多

使用他们能让代码语义化更直观,而且更方便SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别,需要进行JavaScript处理。
如果是IE9及以下的IE浏览器将创建HTML5标签。

<!--[if lt IE9]> 
<script type="text/javascript">
(function(){if(!/*@cc_on!@*/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(','),i=e.length;while(i--){document.createElement(e[i])}})();
</script>
<![endif]-->

 

添加 CSS 样式

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

 

这样,IE9及以下版本就可以使用h5标签了。

 

 

 

 

 

1
0
分享到:
评论

相关推荐

    IE7,IE8兼容H5标签

    3. html5shiv:html5shiv是一个小型的JavaScript库,专为了解决IE6-IE8不识别HTML5新标签的问题。它允许在这些老版本的IE浏览器中应用CSS样式到H5元素。 4. 使用jQuery或其他JavaScript框架:某些JavaScript框架如...

    能够兼容IE8以下浏览器的H5 Video标签播放插件,测试可用

    为了在这些老版本的浏览器中实现视频播放功能,我们可以借助一些兼容性插件,例如在给定的资源中提到的"能够兼容IE8以下浏览器的H5 Video标签播放插件"。 标题中的关键点在于这个插件能够使得`&lt;video&gt;`标签在不支持...

    兼容IE8插件(兼容h5+css3新特性)

    这是一个对IE8及以下做前端兼容的文件工具...--对于ie6到ie8做兼容,兼容h5,css3等新特性--&gt; &lt;!--[if (gte IE 6)&(lte IE 8)]&gt; [removed][removed] [removed][removed] [removed][removed] &lt;![endif]--&gt;

    html5新标签兼容IE

    html5新标签兼容IE,解决IE低版本浏览器不兼容html5新标签

    语义化标签兼容IE8以上文件

    在“语义化标签兼容IE8以上文件”中,我们主要关注的是如何在不支持HTML5新标签的老版本IE(尤其是IE8及以上)中实现这些标签的功能。 `myIE8up.js`这个JavaScript文件很可能是用于在旧版IE浏览器中模拟HTML5语义化...

    H5兼容性测试点.docx

    以下是H5兼容性测试的重要知识点: 一、浏览器兼容性测试: * PC端浏览器:Chrome、Firefox、IE等不同版本的浏览器 * 移动端浏览器:QQ浏览器、UC浏览器、百度浏览器等不同版本的浏览器 * Android自带浏览器、微信...

    ie8兼容h5css3解决方案

    以下将详细介绍标题"ie8兼容h5css3解决方案"中涉及的知识点以及压缩包中的文件如何帮助实现这一目标。 首先,HTML5是新一代的HTML标准,引入了许多增强网页功能的新元素和API,如语义化标签(如、)、离线存储、...

    H5视频插件,兼容传统swf模式,兼容ie8,简单易用

    HTML5引入了 `&lt;video&gt;` 标签,使得在网页中嵌入视频变得更加便捷和标准化,但与此同时,考虑到老版本浏览器(尤其是IE8及更低版本)的广泛使用,仍需要对这些不支持HTML5的浏览器提供兼容性解决方案。"H5视频插件...

    海康威视H5播放器开发指南,兼容各种主流浏览器

    以下是关于H5Player的详细知识点: **版本信息** 当前版本为2.0.0,要求媒体网关至少为mgc_V5.11.101003或mgc_V5.13.100以上版本。 **使用注意事项** 1. 为了确保高级模式的正常工作,需要在Web服务器响应头中添加...

    HTML5 兼容IE浏览器

    例如,对于IE9以下版本,可以加载一个包含HTML5shiv的脚本,这个脚本使得IE能够识别并应用新的HTML5元素的样式。 4. CSS前缀和兼容性:在编写CSS时,考虑浏览器兼容性,为CSS3属性添加必要的浏览器前缀,如 `-...

    IE兼容placeholder js

    描述中提到的“完美兼容H5 placeholder属性在IE9及以下版本的问题”,意味着这个解决方案能够有效地在不支持`placeholder`属性的IE浏览器上模拟出相同的效果。"自测可用,修改点少"表示这个解决方案经过了实际测试,...

    H5player-2.1.2

    1. 兼容性:H5player-2.1.2设计时充分考虑了跨平台兼容性,支持多种浏览器,包括Chrome、Firefox、Safari、Edge以及旧版的IE,确保在不同环境下都能稳定运行。 2. 多媒体支持:此版本的H5player优化了对音频、视频...

    html5shiv包,完美解决IE8等不支持H5标签问题

    这些版本解决了在打印预览模式下,IE8及以下浏览器对新元素样式处理的问题。 总的来说,HTML5shiv是前端开发中不可或缺的工具之一,特别是在需要兼容旧版IE浏览器的项目中。通过使用这个库,开发者可以在不牺牲现代...

    phpcms上传图片修改为H5上传-解决谷歌等浏览器无法上传问题.zip

    导致我们用谷歌浏览器打开PHPCMS后台的时候无法直接上传图片,所以我们只能改为H5上传,此版本使用webuploader.js,感觉这个挺强大,自动识别是否支持h5,如果不支持自动启用flash上传,兼容低版本的浏览器, ...

    HTML5 video 标签浏览器兼容问题

    为了保证兼容性,通常需要提供多个来源,每个来源对应一种不同的视频格式,例如MP4(H.264编码)、WebM(VP8或VP9编码)和Ogg(Theora编码)。 2. **type**: 配合`src`属性,`type`用来指定视频文件的MIME类型,如`...

    海康威视的H5playerV2.0.0开发指南_20210805145842_20210918155600.pdf

    H5player的当前版本为2.0.0。为了确保其正常运行,要求媒体网关版本为mgc_V5.11.101003或更高,如mgc_V5.13.100。值得注意的是,为了使用高级模式,需要在Web服务器返回的响应头中添加跨域隔离字段,并且在HTTPS环境...

    兼容所有浏览器的CSS3圆角

    尽管`border-radius`在现代浏览器中被广泛支持,但为了确保向后兼容,我们需要针对老版本的浏览器,如Internet Explorer(尤其是IE8及以下版本)进行特殊处理。这些浏览器不支持CSS3,因此我们需要使用JavaScript库...

    h5页面模版源码

    这通常需要借助polyfills或条件注释来实现,以保证在IE等较老浏览器中的正常显示。 9. **可扩展性和维护性** 模板代码应遵循良好的编程习惯,如模块化、注释清晰,以方便后期的扩展和维护。使用预处理器如Sass或...

    h5页面置灰处理源代码,兼容IE(优雅降级提供下载浏览器链接)

    h5页面置灰处理源代码 兼容IE(优雅降级提供下载浏览器链接) 马上要到清明节了,有朋友找我要给页面置灰的方案和方法,在网上搜的方法基本都是在Chrome上直接置灰,在ie上就有点难处理了;我找了下之前在南京遇到...

Global site tag (gtag.js) - Google Analytics