Can I specify HTML data attributes as true/false or must they be strings?

Question

I have the following code:

<li>
    <a class="button accessLink"
    data-disabled="no"
    data-href="/MyAccount/Access/Logout"
    title="Logout"><span class="smaller">LOGOUT</span></a>
</li>

I specified data-disabled as "no" but is it possible to use the values true / false ?

Paul · Accepted Answer · 2012-09-27 03:59:57Z

5

No, HTML5 data-* attributes' values are strings.

You can of course use the strings "true" and "false".

answered Sep 27, 2012 at 3:59

Paul

142k28 gold badges285 silver badges272 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jukka K. Korpela · Accepted Answer · 2012-09-27 04:26:12Z

0

Yes, you can, in HTML5, unless you use XHTML serialization (in which case normal XML rules apply).

In HTML serialization of HTML5, the attribute syntax allows the use of the attribute name alone, in which case the implied value is the empty string. When using data- attributes in scripting (or styling), you can then use constructs that test for the presence of the attribute.

You can check out that http://validator.nu/ accepts an element like <a data-disabled>foo</a>.

answered Sep 27, 2012 at 4:26

Jukka K. Korpela

203k38 gold badges281 silver badges408 bronze badges

Collectives™ on Stack Overflow

Can I specify HTML data attributes as true/false or must they be strings?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related