每个浏览器都有一份清单列举自己所支持的HTML元素。不在清单上的元素都将被视为未知元素。浏览器不会给未知元素设定任何样式(不同浏览器对元素会有不同的默认样式)。在IE9之前的版本中,也不能对未知元素设定样式。未知元素的DOM也显示不正确,IE会在DOM中插入一个没有子元素的空节点。所有你原本认为将会成为这个未知元素的子元素的元素会成为其兄弟节点。
针对这个问题有一个弥补方案,在使用里如article标签之前先用js创建一个虚假的article元素,IE就会识别这个元素了,而支持用css设定样式。这个虚假元素甚至都不需要插入到DOM中。
请看如下的例子:
但是如果我们在head中加入一句js,情况立马就不一样了。
我们可以为所有新的HTML5元素都一次性创建一份虚假副本,以后就无需担心那些不能良好支持HTML5的浏览器了。Remy Sharp的HTML5 enabling script就是帮助我们做这些事情的,该脚本的基本想法如下:
该脚本已经托管在Google Project Hosting上,你可以直接外链这个脚本:
文本将介绍 CSS 媒体查询中新增的几个特性功能: prefers-reduced-motion prefer...
主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 HTML代码 body...
简介: MaxCompute致力于批量结构化数据的存储和计算,提供海量数据仓库的解决方...
BI上有高手专门讨论了这种布局方法,但他用了较多的hack,还回避了IE6的dtd。我...
shell脚本是帮助程序员和系统管理员完成费时费力的枯燥工作的利器,是与计算机交...
1.字体属性 color,规定文本的颜色,如 div{color:red;} font-style,规定文本显...
1. pc-reset PC样式初始化 /* normalize.css */html { line-height: 1.15; /* 1 ...
译者:前端小智 作者:Tania Rascia 来源:flatlogic.com 有梦想,有干货,微信...
大家好,我是小菜。 一个希望能够成为 吹着牛X谈架构 的男人!如果你也想成为我...
云服务器 的操作简单、低成本的特点成为了小型企业选择服务器的首...