當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML5 MathML <math>標記用法及代碼示例


HTML5中的MathML <math>標簽是最優先的元素。無論您要使用什麽MathML元素,都應將它們包裝在<math>標記內。

用法:

<math> child elements </math>

屬性:標簽接受以下列出的一些屬性:


  • class|id|style:此屬性用於保存子元素的樣式。
  • dir:此屬性保存方向值。它具有兩種類型的方向值,分別是從左到右的rtr和從右到左的rtl。
  • href:此屬性用於保存指向指定URL的任何超鏈接。
  • mathbackground:此屬性保存數學表達式背景色的值。
  • mathcolor:此屬性保存數學表達式的顏色。
  • display:此屬性保存HTML元素的呈現值。可以有兩個值塊,這意味著該元素將顯示在當前文本範圍之外;內聯意味著這元素將顯示在當前文本範圍內。
  • mode:表示顯示屬性,可能的值是display和inline。
  • overflow:它包含值,表達式將如何運行。默認值是換行符,其他可能的值是scroll,elide,truncate和scale。

以下示例說明了HTML5中的MathML <math>標簽:

例:

<!DOCTYPE html> 
<html> 
   
<head> 
    <title>HTML5 MathML math tag</title> 
</head> 
   
<body> 
    <center> 
        <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 
          
        <h3>HTML5 MathML <math> tag</h3> 
          
        <math> 
            <mrow> 
                <mrow> 
                    <msup> 
                        <mi>x</mi> 
                        <mn>2</mn> 
                    </msup> 
                    <mo>+</mo> 
                    <msup> 
                        <mi>y</mi> 
                        <mn>2</mn> 
                    </msup> 
                </mrow> 
                <mo>=</mo> 
                <msup> 
                    <mi>z</mi> 
                    <mn>2</mn> 
                </msup> 
            </mrow> 
        </math> 
    </center> 
</body> 
   
</html>

輸出:

支持的瀏覽器:下麵列出了HTML5 MathML <math>標記支持的瀏覽器:

  • Firefox


相關用法


注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 HTML5 | MathML <math> tag。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。