HTML

MathMLの使い方・数式や分数をHTMLに埋め込みしてブラウザで表示する方法

headに以下の要素を追加する

<head>
  <meta charset="utf-8">
  <script>window.MathJax = { MathML: { extensions: ["mml3.js", "content-mathml.js"]}};</script>
  <script type="text/javascript"  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>

以下のようにMathMLを埋め込みできる.
エディタで保存し,chromeなどで開いてみてほしい.

e.g.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>window.MathJax = { MathML: { extensions: ["mml3.js", "content-mathml.js"]}};</script>
  <script type="text/javascript"  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>
<body>
  <math display="block">
    <apply>
        <int/>
        <bvar>
            <ci>x</ci>
        </bvar>
        <apply>
            <root/>
            <apply>
                <power/>
                <ci>x</ci>
                <cn>-1</cn>
            </apply>
        </apply>
    </apply>
  </math>
</body>
</html>

https://lh3.googleusercontent.com/-Lly5EiEuo_w/WXnE_O50ESI/AAAAAAAAQFs/zsi-jGho7KU21jcQIFM5l5qFdcQjxdpOQCHMYCw/s0/chrome_2017-07-27_19-48-26.png

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です