HTML“数据属性”与

Question

我通常看到的HTML data-attribute（S）添加特定的值/参数的HTML使用它们“链接”按钮，模态对话框像引导件简单的“自定义属性”被打开等

<button type="button" class="close" data-dismiss="modal" aria-label="Close"> 

现在，我看到几乎有名的CSS框架，Kube，在其新版本中广泛使用简单的自定义属性如在以下几点：

<column cols="4">4</column> 

<span class="label label-black" outline bold>Black</span> 

其他动作示例可见，例如，here。

我不知道这是可以使用简单的自定义属性，所以我试图寻找一些有关此来源，我发现只有this old similar question在其中几乎只有（可能）兼容性问题指出。

我很惊讶，像库贝一个CSS框架可以使用类似的解决方案，如果浏览器支持，可以如此“脆弱” ......

所以我的问题是：

1. （=交叉兼容）是Kube的方法吗？
2. 如果我只需要传递true/false值，我可以用简单的自定义安全地替换data-attribute吗？

这最后一个问题是更好地为例进行了说明，所以用<span class="foo" boo>Black</span>

Answer 1

使用数据属性替换<span class="foo" data-boo='true'>Black</span>。它们是：

• 标准
• 不会让一个验证扼流圈
• 不会与可能被添加到标准在未来

属性相冲突......而你不知道如果你只是想检查它们是否存在于CSS属性选择器中，则必须给它们赋值......但是如果你想要的话，那么你应该使用额外的类来代替它。