math 要素

ページでスクリプト エラーが発生しました。編集者によって解決されるまでの間は、以下の部分的なコンテンツのみが表示可能です。

この文書は翻訳中です。他国語のままの部分などがあるのはその為です。
是非お気軽に MDN に登録して翻訳に参加し、私たちの手助けをして下さい!

概要

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

属性

<math> 要素は以下に列挙する属性に加え、{{ MathMLElement("mstyle") }} 要素の全ての属性を受け入れます。

class, id, style
Provided for use with stylesheets.
dir
数式全体の書字方向。値として ltr (左から右へ)と rtl (右から左へ) が指定可能です。
href
Used to set a hyperlink to a specified URI.
mathbackground
The background color. You can use #rgb, #rrggbb and HTML color names.
mathcolor
The text color. You can use #rgb, #rrggbb and HTML color names.
display
This enumerated attribute specifies how the enclosed MathML markup should be rendered. It can have one of the following values:
  • block, which means that this element will be displayed outside the current span of text, as a block that can be positioned anywhere without changing the meaning of the text;
  • inline, which means that this element will be displayed inside the current span of text, and cannot be moved out of it without changing the meaning of that text.

If not present, its default value is inline.

mode {{ deprecated_inline() }}
Deprecated in favor of the display attribute.
Possible values are: display (which has the same effect as display="block") and inline.
overflow

{{ LiveSample("@api/deki/files/4778/=math.xml") }}

Theorem of Pythagoras

HTML5 notation

<!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 notation

<?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>

Notes: XHTML documents with MathML must be served as application/xhtml+xml. You can achieve that easily by adding the .xhtml extension to your local files. For Apache servers you can configure your .htaccess file to map extensions to the correct Mime type. Since you notate your MathML in an XML document, also be sure you write a well-formed XML document.

ブラウザ毎の互換性

{{ CompatibilityTable() }}

{{ CompatTableDesktop( ['XHTML notation', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), "9.5", "5.1"], ['HTML5 notation', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"], ['dir', CompatNo(), CompatGeckoDesktop("12.0"), CompatNo(), CompatNo(), CompatNo()], ['href', CompatNo(), CompatGeckoDesktop("7.0"), CompatNo(), CompatNo(), CompatNo()], ['mathbackground', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"], ['mathcolor', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"], ['overflow', CompatNo(), CompatNo(), CompatNo(), CompatNo(), CompatNo()] ) }}

{{ CompatTableMobile( ['XHTML notation', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['HTML5 notation', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()], ['dir', CompatNo(), CompatNo(), CompatGeckoMobile("12.0"), CompatNo(), CompatNo(), CompatNo()], ['href', CompatNo(), CompatNo(), CompatGeckoMobile("7.0"), CompatNo(), CompatNo(), CompatNo()], ['mathbackground', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()], ['mathcolor', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()], ['overflow', CompatNo(), CompatNo(), CompatNo(), CompatNo(), CompatNo(), CompatNo()] ) }}

Gecko-specific notes

Gecko 7.0 {{ geckoRelease("7.0") }} introduced support for accepting all MathML attributes on the top-level math element (i.e. the same behavior as a {{ MathMLElement("mstyle") }} element). However, the displaystyle attribute was not taken into account and has been added in Gecko 8.0 {{ geckoRelease("8.0") }}.

A textual fall-back (alttext) or referring to an alternative image using the attributes altimg, altimg-width, altimg-height or altimg-valign is currently not implemented in Gecko.

仕様

  • {{ spec("http://www.w3.org/TR/MathML3/chapter2.html#interf.toplevel", "MathML 3.0 Fundamentals The Top-Level math Element", "REC") }}

参照

  • HTML トップレベル要素: {{ HTMLElement("html") }}
  • SVG トップレベル要素: {{ SVGElement("svg") }}
  • MathML ブラウザーテスト: For XHTML and HTML5

添付ファイル

ファイル サイズ 日時 添付者:
math.jpg
1882 バイト 2010-11-06 15:49:03 fscholz
math.xml
3288 バイト 2010-11-21 14:35:33 fscholz

Document Tags and Contributors

Contributors to this page: ethertank
最終更新者: ethertank,