空的HTML5数据属性有效吗？

我想写一个简单的jQuery插件，在指定的元素下显示内联模态。我的想法是让脚本根据元素上指定的数据属性自动初始化。

一个非常基本的例子：

<p data-modal-target>Hover over me for an inline modal!</p>
<div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired Syntax can go here --></div>

我只是想知道数据模态目标在上面的例子是有效的，还是必须是data-modal-target =“true”？我不在乎比IE9等什么比crappier，我唯一的要求是它是有效的HTML5。

解决方法

是的，完全有效。在你的情况下，data-modal-target将表示一个布尔属性：

07000

The presence of a boolean attribute on an element represents the true value,and the absence of the attribute represents the false value.