1. ホーム
  2. ジャバスクリプト

[解決済み】カスタム属性 - 賛成か反対か?

2022-04-19 16:15:43

質問

最近、HTMLタグにカスタム属性を使用する人が増えていますが、これは主にjavascriptコードで使用するための追加データを埋め込むためです。

カスタム属性の使用は良い習慣かどうか、またその代替案は何かについてフィードバックを集めたいと考えていました。

を簡略化できるようです。 どちらも しかし、W3Cに準拠していません。

ウェブアプリケーションでカスタムHTML属性を利用すべきでしょうか? その理由またはそうでない理由は何ですか?

カスタム属性は良いことだと思う人へ:使用する際の注意点は?

カスタムアトリビュートは良くないと思う方へ:同じようなことを実現するために、どのような代替手段を使いますか?

更新してください。 私が主に注目しているのは 推論 様々な手法の背景や、なぜある手法が良いのかのポイントなど。 同じことを実現するために、4~5種類の方法を思いつくことができると思うのです。 (隠し要素、インラインスクリプト、追加クラス、IDからの情報解析、など)。

更新2: どうやら、HTML 5の data- 属性機能は、ここでは多くの支持を得ています(そして、私も同意する傾向があり、それは堅実な選択肢のように見えます)。 今のところ、この提案に対する反論はあまり見当たりません。 この方法で心配するような問題や落とし穴はありますか? それとも、単に現在のW3C仕様の「無害な」無効化なのでしょうか?

どのように解決するのか?

HTML 5 では、以下のようなカスタム属性が明示的に許可されています。 data . ですから、例えば <p data-date-changed="Jan 24 5:23 p.m.">Hello</p> が有効です。標準規格で正式にサポートされているので、カスタム属性には最適な選択肢だと思います。また、他の属性をハックしてオーバーロードする必要がないため、HTMLのセマンティック性を保つことができます。

出典 http://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes