HTML 5 浏览器兼容性图表 - 旧浏览器中的 HTML 5？

Question

我刚刚开始考虑在 Rails/JQuery 项目中使用 HTML 5 api，因此我可以使用那个很棒的 data- 属性 用于存储值。

但我担心浏览器兼容性问题。我有两个问题（基本问题）：

1. 为了使用 HTML 5，人们需要升级浏览器吗？它是如何工作的？

2. 是否有每个浏览器布局引擎支持哪些功能的最新图表，比这个更新关于比较 HTML 布局引擎的维基百科文章 和这个我什么时候可以使用... HTML 5 页面？

例如，对于使用 IE6 的人来说，这会是一个问题吗？我采访过的很多不懂电脑的人，他们想要自己上网，而他们交谈的人仍然使用 IE6！

如果这不是问题，并且您可以在旧浏览器上使用 HTML 5，您会怎么做？或者我应该看什么文档:)？谢谢。

更新：我将在下面发布一些有趣的链接。

FindMeByIP：“一个简单的应用程序，可以轻松地显示您的浏览器对 CSS3 和 HTML5 功能的支持使用 Modernizr 读取格式。” - 浏览器支持 CSS3 和 HTML5

Answer 1

将 HTML5 视为浏览器“支持”或“不支持”的单个实体是没有用的。 HTML5 是：

• 尝试将广泛存在的实践编纂成超出先前 W3 HTML 和 DOM 标准所涵盖范围的限制，例如其他浏览器复制的 IE 和 Firefox 扩展，以及长期存在的“DOM Level 0”每个人都认为理所当然但之前没有写入任何规范的行为。

• 随机选择尚未广泛使用的新扩展，希望浏览器制造商能够支持。有些已经取得了成功，已经进入了所有新的浏览器；有些已经被分拆成自己的规范（这对每个人来说都更易于管理），有些是有争议的，有些根本没有人关心。

在我看来，试图同时覆盖这两个基地是一个巨大的错误。我更喜欢 HTML 3.2 风格的“追赶”标准以及许多单独的扩展规范。但现在已经无能为力了。

HTML5 还：

• 未完成。该规范庞大、复杂、不完整，并且在成为适当的标准之前可能会在细节上发生变化（或者可能更多）。还没有人能说他们“支持 HTML5”，因为还没有人知道“HTML5”到底是什么。

实际上：HTML5 的某些部分已经被长期使用。您可以在现代浏览器上安全地使用某些部分。有些部分可以在除 IE 之外的新浏览器上使用。有许多部分可以与后备解决方法或“优雅降级”一起使用。有些部件您可能永远无法使用。现在，您必须分别学习每个内容，因为在很多年里都不会出现一款浏览器完全支持 HTML5 中的所有内容。如果有的话。随着您的使用逐渐添加您喜欢的额外功能，它们会得到更多浏览器的支持；不会出现每个人都同时更新浏览器的“大爆炸”。

至于 data- 属性，嗯，是的，你可以不用使用它们，因为大多数浏览器总是允许任何旧属性通过。这是几种 HTML5 扩展的典型特征，浏览器不需要明确“支持”它即可工作。

但由于还有其他传递数据的方式（类、注释、脚本块等），我并不完全相信仅仅为了这一功能就值得放弃（普遍支持、可根据固定标准验证）HTML4/XHTML1 页面。

Answer 2

您可能想查看 diveintohtml5.ep.io 和 modernizr.com。

Modernizr 是一个小而简单的 JavaScript 库，可帮助您利用新兴的 Web 技术（CSS3、HTML 5），同时仍然对可能尚不支持这些新技术的旧版浏览器保持精细的控制。

---

这是 html 功能支持的交互式图表：
http://a.deveria.com/caniuse/

如您所见，有很多支持相当多 H5 功能的浏览器。

Answer 3

如果您使用 jQuery，关心互操作性，并且您研究 HTML5 的唯一原因是使用 data-* 属性集，那么我会考虑切换回支持更好的 doctype 并使用 jQuery 的 $().data() 方法，该方法允许您可以将任意数据片段绑定到 DOM 节点，类似于 data- 属性集的作用。

示例：

<button id="set">Click me!</button>

$('button#set').click(function(){
    if($(this).data('name')){
        alert('Clickin\' again so soon, ' + $(this).data('name') + '?');
    }else{
        $(this).data('name', prompt('Hey good lookin\', what\'s your name?', ''));
    }
});

尝试一下！

Answer 4

我的答案可能不是你想要的，但我会说——不要。暂时不要使用 HTML 5。

Answer 5

使用 Protovis。它使用 javascript 和 HMTL5。这里没有闪光灯。更重要的是，Protovis 拥有 BSD 许可证。所以你可以在商业项目中使用它。尽管 D3 是 Protovis 的作者正在开发的一个较新的项目。

Answer 6

尽管这是一个老问题，但浏览器支持的主题始终是相关的。处理这个问题没有正确或错误的方法，但请查看众多浏览器功能支持表之一，这些表显示有多少百分比的用户会看到某个功能，然后会变得残酷。

不要试图取悦所有人。不要为了抓住那一小部分仍在使用 IE7 的勒德分子而自杀。明年，它将取代 IE8。就我个人而言，我很乐意损失 8%，以便将时间花在前瞻性思维实践上，而不是迎合那些不知道什么是升级的人。

也许您的网站会导致人们升级。这些人最终都会回心转意。