javascript - html 中的 data-reveal-id 属性到底是什么？与经典 id 属性有什么区别？

Question

我不太喜欢 HTML 或 HTML5，我有以下问题。

在我正在处理的页面上，我有一张 map ，该 map 使用 html 标记在背景图像上实现了可点击区域，如下所示:

<map name="Map" id="Map">

    <area data-reveal-id="UM" shape="poly" data-nome-regione="Umbria"
                            coords="135,167,138,151,143,141,154,148,155,159,165,167,146,178" 
                            alt="Umbria" 
                            onmouseover="RollMapOn('umbria')" onmouseout="RollMapOff()" onclick="caricaDettaglioRegione(this)" />

    ....................................................................

    ....................................................................
</map>

我的问题是:为什么使用 data-reveal-id 属性而不是标准的 id 属性来唯一标识一个区域？有什么不同？ data-reveal-id 属性到底是什么？

Answer 1

安id attribute唯一标识文档中的元素。它对其可以具有的值有许多限制，由 HTML 定义，包括唯一性要求。

data-* attributes是自定义扩展，主要是为特定于要操作的页面的 JavaScript 设计的。任何给定 data-* 属性的用途(和允许值)均由页面作者定义，并未标准化。