2

我一直在创建一个交互式网页。主要部分是 SVG 地图。这张地图有大约 600 个文本标签,这些文本标签目前有几个类别。当前示例如下

<text class="UCWF left base" x="1513.8158" y="733.91864"><tspan x="1513.8158" y="733.91864">Canary Wharf</tspan></text>

在类属性中,“UCWF”是唯一的站代码。(车站独有,但也有一个代表车站本身的矩形,因此我无法将此信息移动到 id 标签。)第二个条目将车站的样式设置在文本的左侧。最后一部分说明它是站名的上半部分还是下半部分。(有些有两个,所以它们出现在背景上)这已经看起来像一个麻烦的解决方案,而且它即将变得更糟。对于每个车站,我想添加信息,说明该车站是否有轮椅无障碍通道,以及您是否可以在那里骑自行车。对我来说,显而易见的解决方案是将其添加为数据属性

数据周期=“真” 数据轮椅=“假”

但是我只会使用这些信息来影响文本样式。选择一个按钮标记的轮椅会将所有没有轮椅通道的站点设置为灰色,其他站点设置为黑色,因此这自然会成为一个类别和造型问题。所以关键问题是这个功能属于样式还是数据?未来从选择上是否有可能的限制。我相信两者都会起作用。作为背景,我是网络编码的新手,但有兴趣在可能的情况下遵循最佳实践

4

1 回答 1

0

规范

自定义数据属性旨在存储页面或应用程序私有的自定义数据,没有更合​​适的属性或元素。

因此,如果您仅将这些信息用于样式目的,最好使用该class属性(或者style如果您不想使用单独的 CSS)。

我想到的唯一可能的限制是,将来看到那段代码,您可能会认为data-*属性具有某种与样式无关的特殊功能。

于 2013-11-28T14:54:35.020 回答