質問: html データ属性 htmlのデータ属性はどういう時に使えば良いものなのでしょうか? idやclassだけで事足りるような気がするのですが 間違っていますか?
回答: html5 にて導入されたグローバル属性 data-* は、一般的には html アプリケーションの為の情報です。 それまで id や class や独自属性名で行われていたものを、セマンティクス強化のために分離されました。 スクリプトにて読み書きする html 要素の値の中で、 一般的な属性では意味的に合わないようなデータの場合に使用します。 json で複雑な情報を記載したり、要素毎に記録したい情報などに使用してください。 参考 https://developer.mozilla.org/ja/docs/web/html/global_attributes/data-*