Javascript 在html中，什么确切地表示数据显示id属性？与经典id属性有什么区别？

我不太喜欢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>

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

我的问题是：为什么使用数据显示id属性而不是标准的id属性来唯一地标识一个区域？有什么区别？数据显示id属性究竟是什么？

唯一标识文档中元素的属性。它对可以拥有的值有很多限制，这些值由HTML定义，包括唯一性要求

---

自定义扩展主要是为特定于要操作的页面的JavaScript而设计的。任何给定的

数据-*

属性的用途（和允许值）由页面作者定义，未标准化

这完全取决于JS/CSS层的期望。没有继承者的区别。data-reveal-id是一个类似于数据测试或数据测试id的属性，显然他使用的是jquery-modal-reveal插件