哪些HTML5功能已经可以安全地跨浏览器使用?

值得注意的是一些HTML5 input 类型。据我所知,任何浏览器都无法识别 输入 元素,默认为 type="text" . 附加值是最小的,但值得注意。

例如,在运行iPhone操作系统的设备上,一个元素如下:

<p><label>Telephone: <input type=tel></label></p>

或者,

<p><label>Email address: <input type=email></label></p>

会弹出一个适当的键盘,重视各自经常需要的字符 输入 .

考虑到巨大的语义和用户体验价值,以及优雅的降级,我已经在生产站点上采用了这一点,并且没有任何损害。在某些情况下,尤其是混合 doctypes 你可能会在验证上失败,但这是在过渡时期的预期,也是我愿意做出的牺牲。

很多关于 W3C site ,关于更新的表单元素和规范。

如果IE7是您支持的最低浏览器要求,那么就没有(因为它早在HTML5被任何人考虑之前就出现了,更不用说微软了)。

QuirksMode有一个功能可用性图表: http://www.quirksmode.org/dom/html5.html

取决于您认为的“HTML5功能”。HTML5中的许多“新”功能实际上是从IE逆向设计的。 insertAdjacentHTML 例如,IE4+支持。偶数 innerHTML 可以被视为HTML5功能,因为它以前从未在标准中出现过。在HTML5中专门设计的功能,例如 section 和 <input type=tel> 另一方面,很难在IE7中实现。

(还请注意,IE7于2006年底推出,而HTML5的工作始于2004年。)

正如ms2ger指出的,由于许多“新功能”实际上是旧的IE功能,因此有几个功能:

• Block level links
• Content editable
• Drag and drop
• XHR

我认为HTML5指的是“源于whatwg的规范”,而不是“HTML5规范中的内容”,因为其他人似乎都是这样。是的,最后一个可能是作弊;)