SAMPLE GALLERY

リエおばさんのあさぢえ集 3 数式を表示したい

数式を表示するための基礎知識(こちらを参照

数式をWebページで表現する

  • 数式をWebページで表現するには MathML (Mathematical Markup Language)というマークアップ言語を使います。
  • MathML は <math> タグにより HTML の中に直接記述することが可能です。
  • ただし、MathMLは使えるブラウザーが限られている(2018年)ので、MathJax という JavaScript ライブラリを使います。

  • これを1行HTMLに書き加えます。
    <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script>
  • 次に、数式を表示したい箇所に <math> タグを設置して、 <math> タグの中に MathML で数式を記述します。

    基本はこの3つ

    <mn>(数値)
    数値の要素を表示します。mn は Math Numberの略。
    <mo>(演算子)
    演算子(+, ? など)、 括弧(( ), { }, [ ]など)、絶対値の縦棒といった(かなり広義の)演算子を表示するのに使います。mo は Math Operatorの略。
    <mi>(識別子)
    変数(x, y など)、関数名(sin, cos など)、記号定数(πなど)など(かなり広義の)識別子を表示するのに使います。mi は Math Identifierの略。
  • A Beginner's Guide to MathML は  こちら

基本的な表現例

 基本的な表現例 

 サンプル その1

 サンプル その2 

万満寺の仁王像