1. ホーム
  2. svg

[解決済み] SVGドキュメントはカスタムdata-属性をサポートしていますか?

2023-03-16 15:14:29

質問

HTML5 では、要素に任意のメタデータを XML 属性に格納することができ、その名前は data- のような <p data-myid="123456"> . これもSVGの仕様の一部なのでしょうか?

実際には、このテクニックは多くの場所で SVG ドキュメントに対してうまく機能します。 しかし、私はこれが公式の SVG 仕様の一部であるかどうかを知りたいのです。なぜなら、このフォーマットはまだ十分に新しく、特にモバイルではブラウザ間で多くの非互換性があるからです。 ですから、コードをコミットする前に、将来のブラウザがこれをサポートすることに集中することを期待できるかどうかを知りたいと思います。

私は このメッセージ は、ワーキンググループのメーリングリストによると、サポートされることを期待しているとのことです。 これは公式になったのでしょうか?

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

他の回答は技術的には正しいのですが、SVGが以下のような代替メカニズムを提供しているという事実が抜け落ちています。 data-* . SVG では、任意の属性とタグ を含めることができます。既存のものと衝突しない限り(言い換えれば、名前空間を使用する必要があります)。

この(同等の)メカニズムを使用するには

  • 使用 mydata:id の代わりに data-myid のような、このような <p mydata:id="123456">
  • のように、SVGの開始タグで名前空間を定義していることを確認してください。 <svg xmlns:mydata="http://www.myexample.com/whatever">

EDITです。 SVG2 は、現在W3C Candidate Recommendation (2018年10月04日) で、今後 をサポートします。 data- を直接 (をサポートします(名前空間なし、HTMLと同じ)。しかし、このサポートが広まるにはまだ時間がかかりそうです。CVREBERT に感謝します。 が指摘してくれた .