如何在 XHTML 中使用 HTML5 数据属性？答案

【问题标题】：How can I use HTML5 Data Attributes in XHTML?如何在 XHTML 中使用 HTML5 数据属性？
【发布时间】：2010-07-19 23:30:00
【问题描述】：

有谁知道如何在 XHTML 中实现 HTML5 数据属性 (data-*) 而不会使标记无效？

是否存在允许在现有 HTML 元素上执行此操作的自定义命名空间技巧？

【问题讨论】：

【解决方案1】：

您可以使用XHTML5。那么您的标记将是 XML，并且是有效的 XHTML5。

我认为你也可以使用 XML 命名空间来在 XHTML1 上使用它们——我对 XML 不是很熟悉，所以我不确定。

我认为这两种方法在技术上都要求您将页面提供为 XML（而不是 text/html），而 Internet Explorer 不支持这种方式。但我怀疑即使你不这样做，它们在浏览器中也能正常工作。

【讨论】：

我已经看到了一个建议，对于 XHTML 1.0/1.1，您可以使用自定义命名空间（例如 mycorp:data-foo="bar"）来扩展 DTD，这将验证您是否在 !DOCTYPE 元素中引用该 DTD...但移动 XHTML5 可能是一个更好的举措:-)。
@IainCollins：是的，我对自定义 DTD 知之甚少，但我认为在开放网络上它们通常是个坏主意——例如，它们会将 IE 6 置于 Quirks 模式.

【解决方案2】：

我不知道这是否是一个通用的解决方案，但它对我有用：

<ul data-clearing="">

即。只需附加 ="" 即可使其成为有效的 XML 属性。

【讨论】：