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"： ""}

一般に、参照では、ここで空の属性を明示的に許可しています。

空の属性構文

特定の属性は、値を指定せずに属性名のみを指定することで指定できます。