究竟什么代表html中的data-reveal-id属性？和经典的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 属性究竟是什么？

Answer 1

id attribute唯一标识文档中的元素。它对HTML所定义的值有很多限制，包括对唯一性的要求。

data-* attributes是自定义扩展程序，主要针对特定​​于要操作的页面的JavaScript而设计。任何给定data-*属性的目的（和允许值）由页面作者定义，并且不是标准化的。