MathML入門 - 数学のためのマークアップ言語

MathMLは、に使用できるマークアップ言語です。 数学表記を表示する. HTML5から直接MathMLタグを使うことができます。 Webページに単純なMathの表記法よりも多くの表記法を表示したい場合に便利です。 単純さとHTMLの類似性.

MathMLには2種類のマークアップがあります。プレゼンテーション（レイアウト用）とコンテンツ（意味用）。プレゼンテーションマークアップのみがブラウザでサポートされているので、それがHTMLで使用できる唯一のマークアップタイプです。 HTMLと同じように、CSSとJavaScriptを使用することもできます。.

MathMLを見てみましょう.

MathMLを理解する

現在のMathML要素のリストはMozilla DeveloperのWebサイトにあります。早見のために、この記事の最後にある例で使用されている要素もリストしました。.

MathMLのトップレベルの要素は $$ 要素、あなたがHTMLでMathMLコードを書くとき、それらの中にそれらを置くことを忘れないでください $$ タグ.

,,, はそれぞれ識別子、演算子、数値、文字列を表す基本要素です。以下のすべてのMathML要素は文字 'm'で始まることに注意してください.

ここにいくつかの簡単な例があります.

上付き文字と下付き文字を表示する方法

の 要素は上付き文字を表示するためのものです。あります 下付き文字用.

$n^7$ 

分数を表示する方法

$\frac{7}{26}$ 

ルート整数を表示する方法

これは、ルート整数を表示するためのもう1つの簡単な例です。.

$\sqrt[5]{\mathrm{<mo>-</mo>678}}$ 

平方根だけの場合、 .

それでは、より複雑な表記、マトリックスに移りましょう。.

行列を表示する方法

行列を構築するには、行と列のテーブル構造が必要です。これには、 , そして .

それ以外にも、 演算子を追加するためのタグ [ そして ] 行列の周りに配置し、最後にそれらすべてを 要素、式をグループ化する要素.

これが最終結果です。

$\left[\begin{array}{ccc}0& 4& \mathrm{10年}\\ 5& 2& \mathrm{バツ}\\ 9& 11& 1\end{array}\right]$ 

また、その「X」がマトリックス内で目立つようにするために、少しCSSを投入しましょう。.

mi 色：赤;  

積分方程式を表示する方法

以下は基本型の積分方程式の例です。の 積分に限界を追加するために使用されます.

HTMLと同様に、MathMLにも文字と実体があります。そのうちの1つはギリシャのファイ記号を示すために例で使用されています。上記の積分方程式を表示する方法は次のとおりです。

$f（\mathrm{バツ}）=\int _{\mathrm{ある}}^{b}K（\mathrm{バツ},\mathrm{トン}）\phi （\mathrm{トン}）日\mathrm{トン}$ 

MathML文字エンティティのリストについては、ここをクリックしてW3C Webサイトでそれらを見つけてください。.

MathMLの属性

HTMLと同じものである属性は別として（のように） id）、MathMLには独自の属性のセットもあります。参考のために、Mozilla DeveloperサイトにMathML属性のコレクションがあります。フォールバックの場合は、JavaScriptライブラリMathJaxを使用できます。もっとツールが必要な場合は、こちらのリンクをチェックしてください。.

あなたの簡単な参照のために、私は上記の例のすべてを含むこのcodepenで私の休暇をとります.

MathML要素の参照リスト