我想编写一个简单的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是否有效，或者它必须是data-modal-target="true"？我不关心比IE9更差的任何东西，我唯一的要求是它是有效的HTML。
是的，完全有效。在您的情况下，data-modal-target 将表示布尔属性：
2.4.2 布尔属性
元素上存在布尔属性表示为真值，缺少属性则表示为假值。
if ($('p').data('modal-target')) 将无法正常工作：https://dev59.com/pmQn5IYBdhLWcg3wZGZ4。 - Derek Hendersonelement.dataset.modalTarget会产生一个空字符串，它是假值（Chrome 32），使用jQuery也是同样的结果。 - H1D有效，但它们不是布尔值。
自定义数据属性规范没有提到对空属性处理的任何更改，因此有关空属性的通用规则在这里适用：
某些属性可以通过仅提供属性名称而不提供值来指定。
在下面的示例中，使用了空属性语法给出了
disabled属性：请注意，空属性语法与将空字符串指定为属性值完全等效，例如以下示例。<input disabled>所以您可以使用空的自定义数据属性，但需要特殊处理才能将它们用作布尔值。<input disabled="">
当您访问一个空属性时，它的值是""。由于它是 falsy 值，因此您不能仅使用if (element.dataset.myattr)来检查属性是否存在。
您应该使用element.hasAttribute('myattr')或if (element.dataset.myattr !== undefined)代替。
Lloyd 的答案是错误的。他提到链接到布尔属性微语法，但是规范中没有将data-*属性指定为布尔属性。
scriptAttrs设置不喜欢纯粹的defer值，但是defer: ""应该可以解决问题。谢谢！ - sfarbota一方面，它通过了验证器 16.5.7 https://validator.w3.org/nu/#textarea：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>a</title>
</head>
<body data-asdf>
</body>
</html>
data-属性是布尔值：https://www.w3.org/TR/html5/dom.html#custom-data-attribute，而对于其他布尔属性如checked则非常清楚地进行了说明：https://www.w3.org/TR/html5/forms.html#attr-input-checked。是的，省略自定义数据属性的值是有效的语法。
“属性可以通过四种不同的方式指定：
空属性语法 只有属性名称。值隐含为空字符串。 [...]" https://developers.whatwg.org/syntax.html#attributes-0