data-*

data-* は MathML の属性で、カスタムデータ属性と呼ばれます。これらは、通常はスクリプト処理の目的で、標準属性では利用できない情報を MathML マークアップとその結果として生成される DOM 間で共有できるようにします。これらの独自のデータは、属性が属する要素の MathMLElement インターフェイスを通じて、MathMLElement.dataset プロパティによって利用できます。

* の部分は、XML の命名規則で許可されている任意の文字に置き換えることができますが、以下の制限があります。

xml で始めることはできません。
セミコロン (;, U+003A) は使用できません。
大文字の A から Z までの文字は使用できません。

メモ: MathMLElement.dataset プロパティは DOMStringMap であり、data-test-value 属性は MathMLElement.dataset.testValue から提供されます。ハイフン文字 (-, U+002D) は除去され、次の文字が大文字に変換されるので、キャメルケースで書式化されます。

この属性は、どの MathML 要素でも使用することができます。

例

html

<math>
  <msup data-formula="euler" data-value="-1">
    <mi>e</mi>
    <mrow><mi>i</mi> <mi>π</mi></mrow>
  </msup>
  <mo>+</mo>
  <mn>1</mn>
  <mo>=</mo>
  <mn>0</mn>
</math>

const msupElement = document.querySelector("msup");
console.log(msupElement.dataset.formula); // "euler"
console.log(msupElement.dataset.value); // "-1"