HTML内でMathMLを用いて数式を表現する

アップデートの際に表示が崩れてしまいました。
現段階で未修正です。
申し訳ございませんがご了承ください。

MathMLを使用することでブラウザ上でも数式を美しく表示することができる
ただし2018/11/12現在以下の主要ブラウザは非サポート

過去一度だけGoogleChromeでも表示できた時期があったがセキュリティの問題で機能はOFFとなった

ちなみにJavaScriptのMathJaxを使用することで非サポートブラウザでも表示できるようになるため今後もサポートされない可能性は高い
MathJaxを読み込むだけでMathMLで書かれた部分は自動的にレンダリングされる

例

解の公式




sample


 $x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a}$

$x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a}$

※本記事ではMathJaxを読み込まないためChromなどの非サポートのブラウザでは上記が正しく表示されない

関数、変数、文字定数

数字

演算子

式をまとめる

一つ目の子要素が分子,二つ目の式が分母となる
子要素が三つ以上になる場合はmrowを使う

二つ目の子要素が一つ目の子要素の上付き文字となる
子要素が三つ以上になる場合はmrowを使う

子要素以下が平方根となる