怎样让IE9以下版本(ie6/7/8)认识html5元素？

2024-06-24 11:15:19阅读量：32 字体：大 中 小

每个浏览器都有一份清单列举自己所支持的HTML元素。不在清单上的元素都将被视为未知元素。浏览器不会给未知元素设定任何样式(不同浏览器对元素会有不同的默认样式)。在IE9之前的版本中，也不能对未知元素设定样式。未知元素的DOM也显示不正确，IE会在DOM中插入一个没有子元素的空节点。所有你原本认为将会成为这个未知元素的子元素的元素会成为其兄弟节点。

针对这个问题有一个弥补方案，在使用里如article标签之前先用js创建一个虚假的article元素，IE就会识别这个元素了，而支持用css设定样式。这个虚假元素甚至都不需要插入到DOM中。

请看如下的例子：

怎样让IE9以下版本(ie6/7/8)认识html5元素？

IE6不会识别article，所以也不会有红色边框。

但是如果我们在head中加入一句js，情况立马就不一样了。

IE6假装它认识这个元素，正确显示了效果。

我们可以为所有新的HTML5元素都一次性创建一份虚假副本，以后就无需担心那些不能良好支持HTML5的浏览器了。Remy Sharp的HTML5 enabling script就是帮助我们做这些事情的，该脚本的基本想法如下：

首先利用条件注释判断是不是IE9之前版本，如果是就执行js。先把所有新标签写入e数组中，然后遍历整个数组，并创建副本。

该脚本已经托管在Google Project Hosting上，你可以直接外链这个脚本：

另外，这段脚本需要放在页面起始的部分，最好是head中，不要放在底部。这样IE在解析页面标签之前就会先运行这段代码。


免责声明：

本文《怎样让IE9以下版本(ie6/7/8)认识html5元素？》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • qq音乐删除访问记录别人能看见吗

    qq音乐删除访问记录别人能看见吗

    qq音乐删除了访问记录别人是不能看到的，可以在访客功能中删除访问记录，通过以下步骤删除qq音乐访问记录： qq音乐删除访问记录别人能看见吗 1、打开qq音乐，切换到个人中心，点击头像”进入...

    阅读: 691

  • 新加好友怎么才能分享屏幕

    新加好友怎么才能分享屏幕

    qq聊天中自带有分享屏幕的功能，只要加了好友，直接点击分享屏幕就可以将屏幕分享给对方。具体操作方法如下： 新加好友怎么才能分享屏幕 1.在qq中找到要分享屏幕的好友，点击进入对话界面。 2.点击对话...

    阅读: 767

  • 手机锁屏微信语音视频没有提示声音

    手机锁屏微信语音视频没有提示声音

    手机锁屏微信语音视频没有提示声音可能是关闭了，接收语音和视频通话邀请提醒，如果关闭了就不会有提醒，可以通过设置重新开启这个功能，具体操作步骤如下： 手机锁屏微信语音视频没有提示声音 1、打开微信app...

    阅读: 773

  • 荣耀60声音小怎么办

    荣耀60声音小怎么办

    如果荣耀60手机的声音比较小的话，可以去系统内进行相应的调整，把手机的声音调大，具体的操作步骤如下： 荣耀60声音小怎么办 1、打开手机的设置，点击声音和振动”按钮，进入声音和振动的设置页...

    阅读: 853

  • ipad pro怎么录屏

    ipad pro怎么录屏

    ipad pro设备有录屏的功能，有需要的用户可以去手机的控制中心内打开按键进行录屏，具体的操作步骤如下： ipad pro怎么录屏 1、进入手机的桌面中，从手机屏幕的右上角往下滑，呼出控制中心的界面...

    阅读: 902

  • 苹果平板如何隐藏app软件

    苹果平板如何隐藏app软件

    苹果平板没有隐藏app软件的功能，但是可以把app下载到资源库中，这样就不会显示在平板的桌面上，操作方法如下： 苹果平板如何隐藏app软件 1、打开平板的设置，点击主屏幕”按钮，进入主屏幕...

    阅读: 750

热门文章

最近更新