MathML 表

基本的な数式表記がすべてわかったら、あとは行列のような式や他にも高度な数式レイアウトを使用することができる表形式レイアウトを考えることができます。

前提知識: 基本的なソフトウェアがインストールされていること、 ファイルでの作業に関する基本的な知識、 HTML の基本（ HTML 入門と HTML 表を学ぶこと）
目標: 添字要素を作成する基本的な MathML 要素に慣れること。

MathML 表形式要素

MathML の表形式要素は HTML 表要素と似ています。 <mtable> 要素は数式の表を表し、子要素（行を表す）として <mtr> 要素があり、それぞれの子要素（セルを表す）として <mtd> 要素があります。 <mtable> 要素は MathML の数式のどこにでも挿入することができます。 <mtd> 要素は任意の数の MathML の子を格納することができ、それらを <mrow> コンテナーとして並べます。

表は通常、（ベクトルを含む）行列のような表現に使用します。 CSS の matrix() 関数に関する記事から引用した基本的な例を示します。

html
<math display="block">
  <mrow>
    <mo>(</mo>
    <mtable>
      <mtr>
        <mtd>
          <mi>a</mi>
        </mtd>
        <mtd>
          <mi>c</mi>
        </mtd>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <msub>
            <mi>t</mi>
            <mi>x</mi>
          </msub>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mi>b</mi>
        </mtd>
        <mtd>
          <mi>d</mi>
        </mtd>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <msub>
            <mi>t</mi>
            <mi>y</mi>
          </msub>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <mn>1</mn>
        </mtd>
        <mtd>
          <mn>0</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <mn>0</mn>
        </mtd>
        <mtd>
          <mn>1</mn>
        </mtd>
      </mtr>
    </mtable>
    <mo>)</mo>
  </mrow>
</math>

セルを複数の行や列にまたがらせる

これも HTML の表に似ています。 <mtd> 要素は columnspan 属性と rowspan 属性を受け入れ、セルが複数の行と列にまたがることを示します。下記は内側の行列が外側の行列の 2 列にまたがっています。

メモ: 歴史的な理由から、列をまたがるための MathML 属性は colspan ではなく columnspan と呼ばれています。

高度なレイアウトの使用法

行列のようなオブジェクトを表す以外に、 MathML の表は、例えば Wikipedia のルジャンドル記号の定義のように、数式内部の高度なレイアウトに使用されることもあります。ここでは、異なるケースが 3 つの異なる行に書かれ、値と条件は 2 つの異なる列に配置されています。

警告: <mtable> の記事では、配置や空間などの特別な属性によって、より高度なレイアウトオプションを提供しています。これらは CSS の相当するものよりも前に生まれ、元々は CSS を意識していないレンダラーのために設計されました。しかし、これらの属性はすべてのブラウザーで実装されているとは限りません。将来的には、 <mtable> の（実際の行列のようなオブジェクトではない）レイアウトのみの目的での使用は、 CSS ベースの代替手段に置き換えられる可能性があります。

まとめ

この記事では、テーブル用の HTML 要素に相当する <mtable>、<mtr>、<mtd> 要素について確認しました。行列のようなオブジェクトを表すために使用する方法や、高度なレイアウトのために使用する方法について見てきました。

このモジュールはまもなく完了します。あと 1 つだけ指定されたことがあります。三大有名数式の評価では、新しい知識を使用して HTML と MathML を使用して小さな数学の記事を書き直します。

関連情報