"data-reveal-id"属性在HTML中代表什么？它与经典的"id"属性有何区别？

Question

我很少接触HTML或HTML5，以下是我的问题：

在我正在处理的网页上，我有一个地图，使用 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"属性到底是什么？

- AndreaNobili

---

这完全取决于你的JS/CSS层期望什么。没有固有的区别。 - Mitya

data-reveal-id是类似于data-test或data-test-id的属性，显然它曾经被用作jquery modal reveal插件参考。 - Benjamin Poignant

Answer 1

在文档中，id属性用于唯一标识一个元素。HTML对它的取值有很多限制，其中包括必须保证唯一性。 data-*属性是自定义扩展，主要用于特定页面的JavaScript操作。每个data-*属性的目的（和允许的取值）由页面作者定义，没有标准化。

- Quentin