样式信息与多个类的数据属性的使用

时间:2013-09-30 12:25:01

标签: html css html5 svg

我一直在创建一个互动网页。主要部分是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标签。)第二个条目设置站点位于文本左侧的站点。最后一部分说它是站名的上部或下部。 (有些人有两个,所以他们出现在后台) 这已经变得像一个麻烦的解决方案,而且它会变得更糟。对于每个车站,我想添加信息,告知车站是否有轮椅通道,以及是否可以在那里骑自行车。对我来说,显而易见的解决方案是将其添加为数据属性

  

data-cycle =“true”data-wheelchair =“false”

但是我只会使用此信息来影响文本样式。选择一个标有轮椅的按钮将使所有车站都没有轮椅通道灰色和其他黑色,所以这自然接缝属于一个类和造型问题。 所以关键问题是这个功能是否属于样式或数据?未来是否存在可能的限制。 我相信两者都有效。作为背景我不熟悉网络编码,但我有兴趣尽可能遵循最佳实践

1 个答案:

答案 0 :(得分:0)

来自specification

  

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

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

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