我一直在创建一个交互式网页。主要部分是 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 标签。)第二个条目将车站的样式设置在文本的左侧。最后一部分说明它是站名的上半部分还是下半部分。(有些有两个,所以它们出现在背景上)这已经看起来像一个麻烦的解决方案,而且它即将变得更糟。对于每个车站,我想添加信息,说明该车站是否有轮椅无障碍通道,以及您是否可以在那里骑自行车。对我来说,显而易见的解决方案是将其添加为数据属性
数据周期=“真” 数据轮椅=“假”
但是我只会使用这些信息来影响文本样式。选择一个按钮标记的轮椅会将所有没有轮椅通道的站点设置为灰色,其他站点设置为黑色,因此这自然会成为一个类别和造型问题。所以关键问题是这个功能属于样式还是数据?未来从选择上是否有可能的限制。我相信两者都会起作用。作为背景,我是网络编码的新手,但有兴趣在可能的情况下遵循最佳实践