MathJax(js:async) サンプルページ
MathJax では、async
属性を付けた <script>
を <head>
内に設置する事が 推奨されています。これにより表示速度は上がりますが、ページのレンダリングが早期に始まり、また TBT も長いため、FOUC が目立ちます。
ディスプレイ数式(数式だけの行)
段落を分けるために前後を空行で囲むのが基本ルールです(例外あり)。
・$$...$$
\[s^2 = \frac{1}{n} \sum_{i=1}^n {(x_i - \overline{x})^2}\]
\textstyle
を追加すると、テキストスタイルになります。
・\[...\]
前後に空行は必要ありませんが、二重の \\
で \
をエスケープする必要があります。1
テキスト \[ s^2 = \frac{1}{n} \sum_{i=1}^n {(x_i - \overline{x})^2} \] テキスト
\textstyle
を追加すると、テキストスタイルになります。
テキスト \[ \textstyle s^2 = \frac{1}{n} \sum_{i=1}^n {(x_i - \overline{x})^2} \] テキスト
・\begin{}...\end{}
KaTex と異なり、空行と$$...$$
で囲む必要がありませんが、split
が効きません。
テキスト
\begin{equation}
\begin{split}
a &= \int_0^\infty f(x) \sin x \cos x \, dx
&\quad + \int_0^\infty f(-x) \sin x \log x \, dx
\end{split}
\end{equation}
テキスト
ディスプレイ数式のまま split
を効かせるためには 前後の空行と $$...$$
が必要です。
1行に収まる方程式であれば \textstyle
が効きます。空行も $$...$$
も不要で、ディスプレイ数式(数式だけの行)として表示されます。
テキスト \begin{equation} \textstyle s^2 = \frac{1}{n} \sum_{i=1}^n {(x_i - \overline{x})^2} \end{equation} テキスト
インライン数式(文章中の数式)
前後を空行で囲まず、1つの段落中に数式を記述します。
・$...$
デフォルトでは $...$
は使えないので、$$...$$
で囲みます。
テキスト \(s^2 = \frac{1}{n} \sum_{i=1}^n {(x_i - \overline{x})^2}\) テキスト
・\(...\)
二重の \\
で \
をエスケープする必要があります。1
テキスト \( s^2 = \frac{1}{n} \sum_{i=1}^n {(x_i - \overline{x})^2} \) テキスト
・\begin{}...\end{}
KaTeX と異なり、align
や equation
、split
もインライン数式(文章中の数式)で表示することができます(LaTeX ではエラーと定義されているパターンです)。
テキスト \(\begin{equation} \begin{split} a &= \int_0^\infty f(x) \sin x \cos x \, dx \\ &\quad + \int_0^\infty f(-x) \sin x \log x \, dx \end{split} \end{equation}\) テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
様々な数式
二次方程式の解
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are \(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)
ローレンツ方程式
\[\begin{align} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{align}\]テキスト
このテンポと4分音符一拍分の長さ(時間)は \(\textstyle \frac{60000\;[msec]}{\text{1分間に数える回数}} \;\times\; \frac{n}{N4}\) となります。