To pytanie ma już odpowiedź tutaj:

Zastanawiam się, czy atrybuty danych HTML rzeczywiście wymagają zastosowania wartości?

Zastanawiam się nad tym, ponieważ często wszystko, co chcemy wiedzieć, to to, czy atrybut jest ustawiony jako flaga. (na pewno moglibyśmy użyć do tego klasy; ale realistycznie, chyba że zamierzasz stylizować te elementy inaczej, to flagi zawierają więcej danych niż element semantyczny).

Idealnym przykładem tego jest sytuacja, gdy chcemy, aby link przesuwał się do miejsca docelowego zamiast przeskakiwać nasz kod jQuer

$(document).on('click', '[data-scroll-link'], function(){/**do scroll**/});

Wiem, że w Google Chrome wystarczy, aby kotwica pojawiła się jako

<a href="#bottom" data-scroll-link>Scroll to bottom</a>

Ale czy to zadziała wszędzie? i czy jest to nawet poprawny HTML5 (uważam, że jest to spowodowane atrybutami autofocus, autoodtwarzania itp.). czy potrzebujemy:

<a href="#bottom" data-scroll-link="true">Scroll to bottom</a>