MathML - ファントム: 数式における目に見えない助け手
こんにちは、数学の志願者たちとウェブ開発者たち!今日は、MathMLの非常に興味深い要素に潜り込みましょう:
MathML ファントムとは?
本題に入る前に、
シntax
<mphantom>
<!-- コンテンツはここに入ります -->
</mphantom>
数学の表現に「シ、ここには何かがあるけど、見せないよ!」と言っているようなものです。
パラメータ
属性
属性 | 説明 | 例 |
---|---|---|
id |
独自の識別子を割り当てる | <mphantom id="phantom1"> |
class |
CSSクラスを指定する | <mphantom class="hidden-term"> |
style |
インラインCSSスタイルを定義する | <mphantom style="color: transparent;"> |
例
実際的な例を見て、
例1: 基本的なファントム
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>x</mi>
<mo>+</mo>
<mphantom>
<mi>y</mi>
</mphantom>
<mo>=</mo>
<mn>5</mn>
</mrow>
</math>
この例では、「x + y = 5」という方程式がありますが、'y'は
例2: ファントムによる整列
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mtable>
<mtr>
<mtd>
<mrow>
<mi>x</mi>
<mo>+</mo>
<mi>y</mi>
</mrow>
</mtd>
<mtd>
<mo>=</mo>
</mtd>
<mtd>
<mn>10</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mrow>
<mi>x</mi>
<mphantom>
<mo>+</mo>
<mi>y</mi>
</mphantom>
</mrow>
</mtd>
<mtd>
<mo>=</mo>
</mtd>
<mtd>
<mn>5</mn>
</mtd>
</mtr>
</mtable>
</math>
ここでは、2つの方程式を整列させるために<mo>+</mo><mi>y</mi>
は、1番目の行の 'x' と並びます。
例3: 分数におけるファントム
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mfrac>
<mrow>
<mi>a</mi>
<mo>+</mo>
<mi>b</mi>
</mrow>
<mrow>
<mi>c</mi>
<mo>+</mo>
<mphantom>
<mi>d</mi>
</mphantom>
</mrow>
</mfrac>
</math>
この分数では、「(a + b) / (c + d)」ですが、'd'はファントムです。結果は「(a + b) / c」ですが、'c'の後ろに余分なスペースがあります。これは分数のサイズや整列を一定に保つのに役立ちます。
出力
-
内のコンテンツはスペースを占めますが、見えません。 - 見えるコンテンツと同様にレイアウトとスペーシングに影響を与えます。
- 整列、スペーシング、複雑な方程式の視覚効果を作成するために使用できます。
オーケストラを指揮しているとします。あるセクションに「音を立てずに楽器を演奏する」と言います。彼らはまだそこにいて、スペースを占め、全体の配置に影響を与えますが、無音です。それが
結論
MathMLの
MathMLを学び続ける中で、見えないものが見えるものと同じに重要であることを忘れないでください。
それでは、
ハッピーコーディング、そしてあなたの数学の表現が常に完璧に整列し、スペースが取れていますように!
Credits: Image by storyset