• 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元素_html5教程技巧

如何让IE9以下版本(ie6/7/8)认识html5元素_html5教程技巧

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含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上,你可以直接外链这个脚本:

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

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

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

相关文章

  • 2018-12-03关于动画形式的详细介绍
  • 2018-12-03鼠标移出事件的案例以及详解
  • 2018-12-03HTML5学习笔记简明版(10):废弃的元素和属性
  • 2018-12-03整理的15个非常有用的 HTML5 开发教程和速查手册_html5教程技巧
  • 2018-12-03React Native 之ScrollView轮播图实现方法实例
  • 2017-08-06HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
  • 2018-12-03 html5获取手机GPS信息的示例代码
  • 2018-12-03xml跟html有关系吗?
  • 2018-12-03浅谈three.js中的needsUpdate的应用_html5教程技巧
  • 2018-12-03hwSlider-内容滑动切换效果(一)

文章分类

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

最近更新的内容

    • HTML5边玩边学(三)-像素和颜色
    • 如何解决HTML5微信播放全屏问题
    • html5中 media(播放器)的api使用指南
    • HTML5新增的结构元素
    • 如何替代evernote的文本编辑器?
    • 开发人员所需要知道的HTML5性能分析面面观
    • 让IE下支持Html5的placeholder属性的插件_html5教程技巧
    • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
    • H5项目开发iOS插件功能的实例代码
    • HTML5 embed 标签使用方法介绍_html5教程技巧

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

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