究竟什么代表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属性唯一地标识文档中的元素.它对HTML所定义的值有很多限制,包括对唯一性的要求.

data-*属性是自定义扩展,主要是为特定于要操作的页面的JavaScript而设计的.任何给定data-*属性的目的(和允许值)由页面作者定义,并且不是标准化的.