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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。