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

试试吧！见，例如， this fiddle。简短测试显示，您至少可以使用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”： “真”}

     

{ “myDiv”： “”}

通常，引用明确允许空属性here：

  

空属性语法

     

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