HTML 標籤上的 class 和 data 如何分工？

HTML 標籤上的 class 與 data-* 屬性都可用來標記狀態與資料，但用途不同。

分工建議

• class：主要用於 CSS 樣式與選擇器，控制元素顯示。
• data-*：自定義資料屬性，可透過 DOM.dataset 存取，用於儲存與該節點相關的資料。

兩者不是同一東西，應依樣式與資料需求分開使用。