6

我在此链接 http://ejohn.org/blog/html-5-data-attributes/上查看 html 5 的自定义属性功能

当我使用 jquery/javascript 时，这看起来很完美。

我的问题是，所有主要浏览器都支持 HTML 5 吗？

例子

<li class="user" data-name="John Resig" data-city="Boston"
     data-lang="js" data-food="Bacon">
  <b>John says:</b> <span>Hello, how are you?</span>
</li>
4

9 回答 9

8

对于“支持”的各种定义，不同浏览器支持 HTML5 的各个部分。

现在有几个部件可以可靠地工作。您在问题中询问的 data-* 属性在每个浏览器中都可以正常工作，即使是 IE6；然而，还没有人支持有趣的“数据集”方法来访问它们。只要您可以通过完整的 attr 名称来获取它们，那么您就是黄金。我一直使用它们在我的网络应用程序中存储状态，因为它们是这样做的官方祝福方法。

维基百科很好地总结了跨浏览器的各种支持级别：http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)

于 2009-08-30T22:51:24.620 回答
1

Safari、Firefox 和 Opera 支持部分 HTML 5，但它们不一定包含相同的部分。

根据我的经验，Firefox 似乎是最领先的，但大多数用户使用的浏览器支持它还需要几年的时间。

因此，在此之前，我们需要尽可能在支持新功能的浏览器中继续尝试使用它，并为尚未更新或继续使用 IE 的用户提供解决方法。

于 2009-08-30T22:35:27.540 回答
1

使用一些服务，例如 http://caniuse.com/

例如对于您的问题 - http://caniuse.com/dataset

如您所见，所有现代浏览器都支持它

你也可以在你的代码中使用类似http://modernizr.com/的东西（它已经包含在http://html5boilerplate.com/中）

PS：刚刚通知这个问题太旧了，但它与我之前检查过的其他问题有关

于 2013-01-04T10:49:20.563 回答
0

HTML5 甚至还没有被任何浏览器完全支持，而且一些浏览器（尤其是 IE）目前无意支持它。

于 2009-08-30T22:36:17.960 回答
0

不。

Wikipedia 页面“布局引擎比较 (HTML 5)”很好地列出了哪些引擎实现了 HTML5 的哪些部分。

目前这些表格上有很多红框，这是基于最新的开发版本，而不是大多数用户将使用的版本。

于 2009-08-30T22:39:37.563 回答
0

对 HTML 5 的全面支持还有一段路要走，但是……

创建自定义属性并不是什么新鲜事，并且可能适用于所有主要浏览器 - 但请测试以确保它适用于您的情况。

我们现在可以使用 HTML 5，但不是全部。许多 HTML 5 是关于形式化当前使用 HTML 的方式并确保向后兼容性 - 因此，如果某个功能现在可以在浏览器中使用，请使用它。

于 2009-08-30T22:43:38.867 回答
0

几乎没有任何浏览器完全支持任何 Web 技术；没有错误、怪癖或问题。

HTML5 是为向后兼容而设计的，它几乎不会破坏您的网站（<input type=url>例如 - 不支持的浏览器显示一个普通的文本框，Opera 允许您从历史记录/书签中选择一个 URL）。我会采用这种方法：开发，在您需要支持的浏览器中尝试 - 如果它有效，那就太棒了。如果没有，请不要使用它。就像其他规格一样。

于 2009-08-31T11:32:34.667 回答
-1

还没有。至少等到 gecko 和 webkit 支持它。

ps：如果您需要将 html 5 用于 javascript 目的，则无论如何都可以使用带有数据属性的 HTML 5。或选择其他一些未使用的属性（标题、缩写、...其他？）

于 2009-08-30T22:27:59.287 回答
-1

截至 8 月 25 日，HTML 5 仍然是一个工作草案。 http://dev.w3.org/html5/spec/Overview.html

于 2009-08-30T22:32:53.083 回答