このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

MathML

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年1月以降、すべてのブラウザーで利用可能です。

Mathematical Markup Language (MathML) は、数学的表記を記述するための XML マークアップ言語です。

MathML は元々、ブラウザー、オフィススイート、数式処理システムEPUB リーダー、LaTeX ベースのジェネレーター向けの汎用仕様として設計されました。しかし、この手法はウェブにはあまり適していませんでした。意味づけに重点を置いたサブセットはブラウザーに実装されたことがなく、数学レイアウトに重点を置いたサブセットは不完全で実装上の不整合を招くものでした。

MathML Core は、LaTeXOpen Font Format のルールに基づく実装の詳細が強化されたサブセットです。 ブラウザー用に調整され、HTMLCSSDOMJavaScript などの他のウェブ標準と特にうまく機能するように設計されています。

下記に、MathML に関するドキュメント、例えば、ツールへのリンクがあります。MDN では、MathML Core を参照仕様として使用していますが、標準化の歴史が不安定であったため、古い MathML 機能が既存の実装やウェブコンテンツにまだ残っている場合があります。

メモ: 開発者や作成者は、MathML Core に切り替えることを強くお勧めします。おそらく、用途に応じた他のウェブ技術にも頼っているでしょう。Math WG は、その移行を促進するために、一連の MathML ポリフィルを用意しています。

チュートリアル

MathML チュートリアルは、事前知識がない方を想定し、基礎から始めてより高度なテクニックへと段階的に解説するよう構成されています。

初心者向けの MathML

このチュートリアルでは、構造化マークアップを使用して数式を生成する方法を解説します。まず、HTML 文書に MathML を追加する方法の概要を説明し、続いて、分数や根号、添字要素、テキストコンテナーといった主要な要素について詳しく掘り下げます。その後、行列の表形式レイアウトや高度な数式書式化について解説します。最後に、学んだ概念を用いて 3 つの有名な数式を再現する課題を通じて、理解度を確認します。

ガイド

MathML ガイドは、ウェブページ上で MathML を作成する際に役立つリソースであり、記述方法、エディター、フォントなどに関するガイドが含まれています。

MathML の記述

MathML の記述に関する提案やヒント、推奨する MathML エディター、およびその出力をウェブコンテンツに統合する方法が含まれます。

MathML のためのフォント

ユーザーがブラウザーで MathML を正規に表示するために、このような数学フォントをインストールする方法です。

リファレンス

MathML リファレンス は、MDN で文書化されている MathML の要素と属性の包括的な一覧です。

MathML 要素リファレンス

それぞれの MathML 要素の詳細と、デスクトップおよびモバイルのブラウザーの互換性情報。

MathML グローバル属性リファレンス

すべての要素に適用されるグローバルな MathML 属性に関する情報です。

MathML 属性リファレンス

MathML 要素の見た目や振る舞いを変更する MathML 属性についての情報です。

MathML 属性値

MathML の属性値に関する詳細情報です。

以下に、MathML の使い方を理解するための役立つ参考例をいくつか掲載しています。

MathML 数式

以下のデモでは、ウェブコンテンツにおいて、次第に複雑さを増していく数学的概念を表示させています。

ピタゴラスの定理の証明

ピタゴラスの定理の証明を示す簡単な例です。

二次方程式の解の公式を導く

二次方程式の解の公式の導出の概要を説明します。

Mozilla MathML test

Mozilla MathML プロジェクトによる独自のテストです。これには、TeXbook からの例が含まれており、TeX によって生成された画像参照が含まれています。

他のウェブ技術

以下のデモでは、MathMLを他のウェブ技術と混在させて、高度なコンテンツを作成しています。

<la-tex> カスタム要素

LaTeX コンテンツを受け入れるカスタム要素です。

Magnetic field demo

SVG および WebGL を使用した磁場の三次元表現。

Συνάρτηση ζήτα Ρήμαν (el)

リーマンゼータ関数に関するギリシャ語の記事。ギリシャフォント協会ウェブフォント付きです。

Pell's equation

長整数を使用してペルの方程式を解く JavaScript プログラム。

Lovelace's program for Bernoulli numbers

Private elements を使用した、ベルヌーイ数を計算するエイダ・ラブレスによるプログラムのエミュレーター。

コミュニティから助けを得る

ツール

関連トピック

仕様書

仕様書
Mathematical Markup Language (MathML) Version 4.0

ブラウザーの互換性