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

Question

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

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

在class属性"UCWF“中是唯一的站点代码。(这个站点是唯一的，但是也有一个表示站点本身的矩形，所以我不能将这些信息移动到id标记中。)第二个条目设置位于文本左侧的站点的标记。最后一部分是车站名称的上下部分。(有些人有两个，所以他们出现在背景上)这已经接缝像一个麻烦的解决方案，它将变得更糟。我想在每个车站上添加信息，告诉车站是否有轮椅的水平接入，以及您是否可以在那里骑自行车。对我来说，最明显的解决方案是将其添加为数据属性。

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

然而，我只打算使用这些信息来影响文本样式。选择一个按钮标记的轮椅将设置所有站，没有轮椅通道灰色和其他黑色，所以这自然接缝属于一个阶级和造型问题。因此，关键的问题是，这种功能属于样式还是数据？在未来的选择中是否存在可能的局限性。我相信这两种方法都有用。作为背景，我对web编码很陌生，但对尽可能遵循最佳实践很感兴趣。

Answer 1

来自规格说明

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

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

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