mozilla
Your Search Results

    math 要素

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

    概要

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

    属性

    <math> 要素は以下に列挙する属性に加え、<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 in favor of the display attribute.
    Possible values are: display (which has the same effect as display="block") and inline.
    overflow

    実際の表示を確認

    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.

    ブラウザ毎の互換性

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    XHTML notation 未サポート (24 only) 1.0 (1.7 or earlier) 未サポート 9.5 5.1
    HTML5 notation 未サポート (24 only) 4.0 (2.0) 未サポート 未サポート 5.1
    dir 未サポート 12.0 (12.0) 未サポート 未サポート 未サポート
    href 未サポート WebKit bug 85733 7.0 (7.0) 未サポート 未サポート 未サポート WebKit bug 85733
    mathbackground 未サポート (24 only) 4.0 (2.0) 未サポート 未サポート 5.1
    mathcolor 未サポート (24 only) 4.0 (2.0) 未サポート 未サポート 5.1
    overflow 未サポート 未サポート 未サポート 未サポート 未サポート
    Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    XHTML notation 未サポート 未サポート 1.0 (1.0) 未サポート 未サポート 未サポート
    HTML5 notation 未サポート 未サポート 4.0 (2.0) 未サポート 未サポート 未サポート
    dir 未サポート 未サポート 12.0 (12.0) 未サポート 未サポート 未サポート
    href 未サポート 未サポート 7.0 (7.0) 未サポート 未サポート 未サポート
    mathbackground 未サポート 未サポート 4.0 (2.0) 未サポート 未サポート 未サポート
    mathcolor 未サポート 未サポート 4.0 (2.0) 未サポート 未サポート 未サポート
    overflow 未サポート 未サポート 未サポート 未サポート 未サポート 未サポート

    Gecko-specific notes

    Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) introduced support for accepting all MathML attributes on the top-level math element (i.e. the same behavior as a <mstyle> element). However, the displaystyle attribute was not taken into account and has been added in Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5).

    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.

    仕様

    参照

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

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

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