Mathjax 3.0のソースを表示新しいページはコチラ

== '''概要''' ==
　2017-11-17にMathjax3.0 alpha1がリリースされてalpha6が2018-05-18にリリース。そしてBeta1が2018-06-10にリリースされ、Beta4が2019-05-21にリリース。そして正式に3.0.0が2019-09-05にリリースされ、3.0.5がついこないだの2020-04-10にリリースとなったばかりで改良の道半ばです。自分が感じるところで言うと良くなったのは外部エクステンションが使った時に自動で読み込まれるところやデフォルトで使えるエクステンションが豊富であることと、レンダリングが早くなった事です。デメリットは文字のフォントが一つしかないことやバグが発生し易いと言うところですね。


== '''利用設定''' ==
　数式システムを利用するにはヘッダ部で以下のような宣言をするだけです。

　このサイトでは以下のような設定を使っています。

<span style="color: #ffffff; background-color: #555555; padding: 0px 5px 0px 5px; display: inline-block;">javascript(Edge向け)</span>
<syntaxhighlight lang="javascript">
<script>
MathJax = {


  chtml: {displayAlign: 'left', displayIndent: '2em', matchFontHeight: false},
  tex  : {
        inlineMath    : [['$', '$']],
        tags          : 'ams', 
        macros        : {
                       tcdegree     : ['\u00b0'],
                       tccelsius    : ['\u2103'], 
                       tcperthousand: ['\u2030'], 
                       tcmu         : ['\u03bc'], 
                       tcohm        : ['\u03a9'] 
        },
        processEscapes: true
  }
};
</script>
<script src='https://polyfill.io/v3/polyfill.min.js?features=es6'></script>
<script  id='MathJax-script' async src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js'></script>
<meta http-equiv='X-UA-Compatible' CONTENT='IE=EmulateIE7' />
</syntaxhighlight>

<span style="color: #ffffff; background-color: #555555; padding: 0px 5px 0px 5px; display: inline-block;">javascript(Edge以外向け)</span>
<syntaxhighlight lang="javascript">
<script>
MathJax = {


  chtml: {displayAlign: 'left', displayIndent: '2em', matchFontHeight: false},
  tex  : {
        inlineMath    : [['$', '$']],
        tags          : 'ams', 
        macros        : {
                       tcdegree     : ['\u00b0'],
                       tccelsius    : ['\u2103'], 
                       tcperthousand: ['\u2030'], 
                       tcmu         : ['\u03bc'], 
                       tcohm        : ['\u03a9'] 
        },
        processEscapes: true
  }
};
</script>
<script src='https://polyfill.io/v3/polyfill.min.js?features=es6'></script>
<script  id='MathJax-script' async src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js'></script>
</syntaxhighlight>

Edge向けとEdge以外とではほとんど同じですが、最後の<meta http-equiv='X-UA-Compatible' CONTENT='IE=EmulateIE7' />があるかないかの違いだけです。このメタタグはブラウザ処理をIE7に従うようにするものです。IE8の処理を使うとダメ過ぎるかららしいです。


chtmlはCommonHTMLを意味していて、HTML全般に関する設定が記述されていて、
:displayAlignはディスプレイ表示(1数式1行)での文字寄せを指定し、leftだと左寄せになります。centerやrightも設定できます。
:displayIndentでは、ディスプレイ表示をするときの左側にとる空白の間隔が設定できます。ここでは2emでおよそ2文字分という設定です。
:matchfontHeightは、小文字のフォントの高さを