html - HTML5 中的属性是否需要值？

Question

问题如下图所示：

<ul data-my-div='true><li></li></ul> <!-- this is surely okay -->
<ul data-my-div><li></li></ul> <!-- but is this? -->

Answer 1

只是测试它！见，例如这个小提琴。简短的测试表明，您至少可以在 Firefox 和 Chrome 中使用。

<ul id="t1" data-my-div="true"><li></li></ul>
<ul id="t2" data-my-div><li></li></ul>


<div id="r1"></div>
<div id="r2"></div>

<script>
document.querySelector( '#r1' ).innerHTML = JSON.stringify( document.querySelector( '#t1' ).dataset );

document.querySelector( '#r2' ).innerHTML = JSON.stringify( document.querySelector( '#t2' ).dataset );

结果：

{"myDiv":"true"}

{"myDiv":""}

通常，引用明确允许此处为空属性：

空属性语法

某些属性可以通过仅提供属性名称来指定，不提供值。