MathJax のテスト
MathJax は、数式を美しく表示するための JavaScriptライブラリです。
1. 使い方
1-1. MathJax.js を読み込む
HTMLファイルに以下を記述して MathJax.js を読み込みます。
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>1-2. 式を書く
HTMLファイルに LaTeX形式で式を書き、\[ と \] で囲みます。もしくは、バッククォートで囲みます。
2. 使ってみる
2-1. \[ と \] で囲って書いてみる
- 数式のCSS属性は、
display:blockとなり、ブロックの扱いになる。 - 中央寄せになる。
記述した式
\[
E = mc^2
\tag{1}
\]
\[
E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}
\tag{2}
\]
\[
e^{iπ} = -1
\tag{3}
\]
表示結果
\[
E = mc^2
\tag{1}
\]
\[
E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}
\tag{2}
\]
\[
e^{iπ} = -1
\tag{3}
\]
2-2. バッククォートで囲って書いてみる
- 数式のCSS属性は、
display:inlineblockとなり、インラインの扱いになる。
記述した式
`E = mc^2` と `E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}`、それから `e^{iπ} = -1`
表示結果
`E = mc^2` と `E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}`、それから `e^{iπ} = -1`