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

Question

我已经在所有页面中使用HTML5 Doctype。还有其他的HTML5规范/特性可以立即开始使用吗？

条件如下：

1. 跨浏览器 - 对IE6的支持是可选的，但请注明
2. 请勿使用任何hack [包括javascript等]
3. 如果该功能在旧版浏览器中逐渐降级，则完全可以接受

- Gunjan

---

哎？不会有任何HTML5功能在IE6中起作用...你需要找到一种优雅降级的方式...但那不是真正的HTML5功能，而是HTML5 +你一直使用的老技巧。 - mpen

当然，IE6/7不会提供HTML5功能。这里的重点是“安全”。就像它们默默地忽略HTML5文档类型一样，是否还有其他HTML5标签也是如此呢？这样更好的浏览器就可以享受最新的好处，而旧的浏览器则提供他们那个时代的古老体验。 - Gunjan

类似问题：http://stackoverflow.com/questions/186264/is-it-time-to-start-using-html5 - Sasha Chedygov

Answer 1

需要注意的是一些HTML5 input类型。据我所知，任何不识别input元素上的类型的浏览器都会默认为type="text"。增加的价值很小，但值得注意。

例如，在运行iPhone OS的设备上，像这样的元素：

<p><label>电话：<input type=tel></label></p>

或者,

<p><label>电子邮件地址：<input type=email></label></p>

将会弹出一个适当的键盘，给予在相应的input中经常需要的字符更多的重视。

鉴于其巨大的语义和用户体验价值以及优雅的降级，我已经在生产网站上采用了这种方式而没有受到任何损害。在某些情况下，特别是在混合的doctypes中，您可能会失去验证，但这在过渡期内是可以预料的，并且是我愿意承担的牺牲。

关于更新的表单元素和规范，W3C网站上有很多有用的信息。

- tksb

---

另一个非常有价值的资源是Mark Pilgrim的《深入HTML5》书中关于表单的章节，文档十分详实。http://diveintohtml5.org/forms.html - tksb

Answer 2

如果你的网站最低支持IE7浏览器，那就不用考虑HTML5（因为在它被任何人，更不用说微软考虑之前，IE7已经上线很久了）。

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

- AllenJB

Answer 3

这取决于你认为什么是“HTML5功能”。许多HTML5中的“新”功能实际上是从IE中反向工程出来的。例如，insertAdjacentHTML在IE4+中就支持。甚至可以将innerHTML视为HTML5功能，因为它以前从未成为标准。另一方面，在HTML5中专门设计的功能，例如section和<input type=tel>，非常不可能在IE7中实现。

（还要注意的是，IE7是在2006年末发布的，而HTML5的工作始于2004年。）

- Ms2ger

Answer 4

正如ms2ger所指出的那样，有几个功能是旧版IE的功能，因此它们被认为是“新功能”：

• 块级链接
• 可编辑内容
• 拖放
• XHR

我认为HTML5是指“源自WHATWG规范”的规范，而不仅仅是HTML5规范中的内容，因为其他人似乎也是这么认为的。是的，最后一个可能有点作弊;)

- robertc