• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 如何让IE9以下版本(ie6/7/8)认识html5元素

如何让IE9以下版本(ie6/7/8)认识html5元素

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含html5元素,ie等相关知识,佚名 希望在学习及工作中可以帮助到您

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

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

请看如下的例子:

html5在IE6下效果

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

IE6下html5正确效果

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

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

您可能想查找下面的文章:

  • 如何让IE9以下版本(ie6/7/8)认识html5元素
  • HTML5之HTML元素扩展(上)—新增加的元素及使用概述
  • HTML5之HTML元素扩展(上)—新增加的元素及使用概述_html5教程技巧
  • 如何让IE9以下版本(ie6/7/8)认识html5元素_html5教程技巧

相关文章

  • 2018-12-03同事开发webapp(图片应用)遇到一些问题,如兼容uc浏览器,那么webapp开发在业内有没有比较成功的例子?
  • 2018-12-03HTML5 Canvas像素处理常用接口
  • 2018-12-03HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
  • 2018-12-03利用HTML5 实现3D 网络拓扑树(图文详解)
  • 2017-08-06HTML5 Canvas阴影使用方法实例演示
  • 2018-12-03html5的canvas实现3d雪花飘舞效果_html5教程技巧
  • 2018-12-03HTML基础
  • 2018-12-03HTML5本地数据库基础操作详解_html5教程技巧
  • 2018-12-03HTML5 用动画的表现形式装载图像 _html5教程技巧
  • 2018-12-03h5制作性能变化折线图

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 分段式基于SVG文字超酷创意动画特效
    • HTML5之type=file文件上传功能
    • 有哪些比较优秀的前端框架?
    • 哪个开源的移动 HTML5 框架更好一点?此问题提出于2011年
    • 通过html5实现图片上传与预览功能
    • JS的表单传值与URL编码转换详解
    • 实现一个HTML5音乐播放器的实例
    • CSS3的default伪类选择器使用详解
    • HTML5 Canvas平移,放缩,旋转图文代码详情
    • 利用html5的websocket实现websocket聊天室_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有