<math> 要素は、 MathML におけるトップレベル要素です。全ての有効な MathML インスタンスは <math> タグに囲まれています。 加えて、<math> 要素を入れ子状に配置してはなりませんが、許可された要素に関しては、いくつでも子要素として配置する事が可能です。

属性

<math> 要素は次に示す属性に加え、<mstyle> 要素のすべての属性を受け入れます。

class, id, style
スタイルシートと一緒に用いて提供されます。
dir
数式全体の書字方向。値として ltr (左から右へ)と rtl (右から左へ) が指定可能です。
href
指定された URI へのハイパーリンクの設定に使用されます。
mathbackground
背景色。#rgb#rrggbbおよびHTML色名を使用できます。
mathcolor
文字色。#rgb#rrggbbおよびHTML色名を使用できます。
display
この列挙属性は、囲まれた MathM Lマークアップをレンダリングする方法を指定します。これは、次のいずれかの値を持つことができます。
  • block。テキストの意味を変えることなく任意の場所に配置できるブロックとして、この要素がテキストの現在のスパンの外側に表示されることを意味します。
  • inline。この要素がテキストの現在のスパンの内側に表示され、そのテキストの意味を変えることなくそのスパンの外に移動できないことを意味します。

存在しない場合、デフォルトの値は inline です。

mode
display 属性を選択して推奨されません。
可能な値は次のとおり: display(これは display="block" と同じ効果を持ちます)および inline
overflow
許可された幅に収まらないほど長い場合に、式がどのように動作するかを指定します。
可能な値は次のとおり: linebreak (デフォルト)、scrollelidetruncatescale

実際の表示を確認

Theorem of Pythagoras

HTML5 表記

<!DOCTYPE html>
<html>
  <head>
    <title>MathML in HTML5</title>
  </head>
  <body>

  <math>
    <mrow>
      <mrow>
        <msup>
          <mi>a</mi>
          <mn>2</mn>
        </msup>
        <mo>+</mo>
        <msup>
          <mi>b</mi>
          <mn>2</mn>
        </msup>
      </mrow>
      <mo>=</mo>
      <msup>
        <mi>c</mi>
        <mn>2</mn>
      </msup>
    </mrow>
  </math>

  </body>
</html> 

XHTML 表記

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>MathML in XHTML</title>
</head>
<body>

  <math xmlns="http://www.w3.org/1998/Math/MathML">
    <mrow>
      <mrow>
        <msup>
          <mi>a</mi>
          <mn>2</mn>
        </msup>
        <mo>+</mo>
        <msup>
          <mi>b</mi>
          <mn>2</mn>
        </msup>
      </mrow>
      <mo>=</mo>
      <msup>
        <mi>c</mi>
        <mn>2</mn>
      </msup>
    </mrow>
  </math>

</body>
</html>

: MathML をもつ XHTML 文書は、application/xhtml+xml として配信されなければなりません。これは、ローカルファイルに .xhtml 拡張子を追加することで、簡単に達成できます。Apacheサーバの場合、正しい MIME タイプに拡張子を対応付けるために .htaccess ファイルを設定することができます。XML 文書で MathML を表記するので、整形式の XML 文書を必ず記述してください。

仕様

仕様 状態 コメント
MathML 3.0
The Top-Level math Element の定義
勧告 現在の仕様
MathML 2.0
The Top-Level math Element の定義
勧告 初期の仕様

ブラウザー互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 未対応 24 — 26Edge 未対応 なしFirefox 完全対応 4
完全対応 4
部分対応 1
補足
補足 Only supported in XHTML documents.
IE 未対応 なしOpera 未対応 9.5 — 15
補足
未対応 9.5 — 15
補足
補足 Only supported in XHTML documents.
Safari 完全対応 5.1WebView Android 未対応 なしChrome Android 未対応 25 — 26Edge Mobile 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 9.5 — 14
補足
未対応 9.5 — 14
補足
補足 Only supported in XHTML documents.
Safari iOS 完全対応 5.1Samsung Internet Android ?
dirChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 12IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 14Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android ?
displayChrome 未対応 24 — 26Edge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 完全対応 5.1WebView Android 未対応 なしChrome Android 未対応 25 — 26Edge Mobile 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 完全対応 5.1Samsung Internet Android ?
hrefChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 7IE 未対応 なしOpera 未対応 なしSafari 未対応 なし
補足
未対応 なし
補足
補足 See WebKit bug 85733
WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 7Opera Android 未対応 なしSafari iOS 未対応 なし
補足
未対応 なし
補足
補足 See WebKit bug 85733
Samsung Internet Android ?
mathbackgroundChrome 未対応 24 — 26Edge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 未対応 なしSafari 完全対応 5.1WebView Android 未対応 なしChrome Android 未対応 25 — 26Edge Mobile 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 完全対応 5.1Samsung Internet Android ?
mathcolorChrome 未対応 24 — 26Edge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 未対応 なしSafari 完全対応 5.1WebView Android 未対応 なしChrome Android 未対応 25 — 26Edge Mobile 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 完全対応 5.1Samsung Internet Android ?
mode
非推奨
Chrome 未対応 24 — 26Edge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 完全対応 5.1WebView Android 未対応 なしChrome Android 未対応 25 — 26Edge Mobile 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 完全対応 5.1Samsung Internet Android ?
overflowChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。

Gecko 固有の注記

Gecko7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) は、トップレベル math 要素(すなわち <mstyle> 要素と同じ動作)のすべての MathML 属性へのサポートを導入しました。しかし、displaystyle 属性が考慮されず、Gecko 8.0 で追加されました

テキストのフォールバック(alttext)または属性 altimgaltimg-widthaltimg-height もしくは altimg-valign を使用する代替画像の参照は、現在の Gecko に実装されていません。

関連項

  • HTML トップレベル要素: <html>
  • SVG トップレベル要素: <svg>
  • MathML ブラウザーテスト: XHTML および HTML5

ドキュメントのタグと貢献者

このページの貢献者: ExE-Boss, wbamberg, momdo, teoli, ethertank
最終更新者: ExE-Boss,