【HTML】<math>タグの使い方

【HTML】<math>タグの使い方

MathMLとは
  • 基本的な数式の記述
  • 分数の表示
  • 上付き・下付き文字
  • ルート(平方根・n乗根)
  • 行列の表現
  • 積分・総和記号
  • 複数の式を並べる
  • 特殊記号の使用
  • インライン表示とブロック表示
  • MathMLとは

    <math>タグは、HTMLで数式を記述するためのMathML(Mathematical Markup Language)の一部です。 MathMLはXMLベースのマークアップ言語で、ウェブページに数式を埋め込むために使用されます。

    基本的な数式の記述

    最も基本的な例として、シンプルな加算式を表示する方法を示します。

    
    <math>
        <mrow>
            <mn>2</mn>
            <mo>+</mo>
            <mn>3</mn>
        </mrow>
    </math>
    

    表示例: 2+3

    分数の表示

    <mfrac>タグを使うと、分数を表現できます。

    
    <math>
        <mfrac>
            <mn>1</mn>
            <mn>2</mn>
        </mfrac>
    </math>
    

    表示例: 12

    上付き・下付き文字

    <msup><msub>を使用して、指数や添字を表現できます。

    
    <math>
        <msup>
            <mi>x</mi>
            <mn>2</mn>
        </msup>
    </math>
    

    表示例: x2

    ルート(平方根・n乗根)

    平方根は<msqrt>、n乗根は<mroot>で表現できます。

    
    <math>
        <msqrt>
            <mn>16</mn>
        </msqrt>
    </math>
    

    表示例: 16

    行列の表現

    <mtable>を使用して行列を記述できます。

    
    <math>
        <mtable>
            <mtr>
                <mtd><mn>1</mn></mtd>
                <mtd><mn>2</mn></mtd>
            </mtr>
            <mtr>
                <mtd><mn>3</mn></mtd>
                <mtd><mn>4</mn></mtd>
            </mtr>
        </mtable>
    </math>
    

    積分・総和記号

    積分記号や総和記号は、<mo><munderover>を使って表現できます。

    
    <math>
        <munderover>
            <mo>∑</mo>
            <mrow><mi>n</mi><mo>=</mo><mn>1</mn></mrow>
            <mi>∞</mi>
        </munderover>
    </math>
    

    複数の式を並べる

    複数の式を<mtable>で整列できます。

    
    <math>
        <mtable>
            <mtr>
                <mtd> x + y = z </mtd>
            </mtr>
            <mtr>
                <mtd> a^2 + b^2 = c^2 </mtd>
            </mtr>
        </mtable>
    </math>
    

    特殊記号の使用

    ギリシャ文字や数学記号を簡単に表現できます。

    
    <math>
        <mi>α</mi>
        <mo>+</mo>
        <mi>β</mi>
    </math>
    

    表示例: α+β

    インライン表示とブロック表示

    インラインで数式を表示するには<math display="inline">を、 ブロック表示するには<math display="block">を使います。

    
    <math display="inline">
        <msup><mi>x</mi><mn>2</mn></msup>
    </math>
    

    インライン表示: x2

    
    <math display="block">
        <mfrac>
            <mn>1</mn>
            <mn>2</mn>
        </mfrac>
    </math>
    

    ブロック表示:

    12

    コメントを残す

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