使用數據屬性的風格信息vs多個類

我一直在創建一個交互式網頁。主要部分是SVG地圖。這張地圖有600個文字標籤，這些文字標籤目前有幾個類別。當前示例如下使用數據屬性的風格信息vs多個類

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

在班級屬性「UCWF」是一個唯一的站代碼。（這個站唯一，但也有一個矩形代表站本身，所以我不能將這些信息移動到一個id標籤）。第二個條目設置站在站在文本左邊的位置。最後一部分表示它是站名的上部還是下部。（有些人有兩個，所以他們出現在背景）這已經接近像一個繁瑣的解決方案，它將變得更糟。我想向每個車站添加信息，告訴您車站是否有輪椅通道，以及您是否可以在那裏騎自行車。對我來說，顯而易見的解決方案是將其添加爲數據屬性

數據週期=「真正的」數據輪椅=「假」

但我只打算使用這些信息來影響文字造型。選擇一個標有輪椅的按鈕可以將沒有輪椅的所有站點設置爲灰色，而將其他設置爲黑色，這樣就自然而然地成爲班級和造型問題。所以關鍵問題是這個功能屬於樣式或數據？選擇將來是否有可能受到限制？我相信兩者都可以工作。作爲背景我是新來的網絡編碼，但我感興趣下面瞭解其中可能

來源

2013-09-30 Peter Saxton

SVG在html網頁內。我可以發佈一個鏈接到現有版本，但不確定這是促進還是以其他方式皺起了眉頭 –

這不是「促進」問題，而是外部網站容易變化或消失的事實。 – cimmanon

SVG不支持數據屬性。如果您將獨立的SVG文件作爲XML提供，那麼您可以將數據放入命名空間。您仍然可以使用數據屬性，但您必須使用getAttribute而不是HTML數據屬性訪問API訪問它們。 –

從specification

自定義數據屬性是爲了存儲專用的網頁或應用程序的定製數據的最佳實踐，對其中有沒有更適當的屬性或元素。

所以，如果只your're使用該信息爲造型的目的，是更好地運用class屬性（或style，如果你不希望使用獨立的CSS）。

我想到的唯一可能的限制是，在將來看到這段代碼時，您可能會認爲data-*屬性具有某些與樣式無關的特殊功能。

來源

2013-11-28 14:54:35

使用數據屬性的風格信息vs多個類

回答

相關問題