HTML5 MathML <semantics>标记用法及代码示例

HTML5 MathML <semantics>标记是HTML 5中的内置元素。它用于标记数学，有两种方法可以标记数学。

介绍MathML用于控制任何数学方程式的布局。
内容MathML旨在对语义数学含义进行编码，并使表达式可为计算机代数系统所理解。

此标记充当应包含子元素的容器元素。与该标签一起执行的还有两个标签，分别是<annotation>标签和<annotation-xml>。此标记<annotation>元素是那些元素的容器，并包含非XML格式的语义信息，而<annotation-xml>元素包含XML格式的内容，例如Content MathML或OpenMath。

用法:

<semantics> child elements </semantics>

属性：该标记接受下面提到的属性，并且必须在<annotation>和<annotation-xml>上使用这些属性。

definitionURL:此属性保存注释符号的位置。
encoding:此属性用于对注释中的语义信息进行编码。
cd:此属性用于保存注释符号。
name:此属性保存注释键符号的名称。
src:此属性保存用于语义信息的外部源的位置。

下面的示例说明了HTML 5中的<semantics>标记：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML 5 MathML <semantics> tag</title> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green">  
            GeeksforGeeks  
        </h1> 
  
        <h3>HTML5 MathML <semantics> tag</h3> 
  
        <math> 
            <semantics> 
  
                <!-- Presentation MathML -->
                <mrow> 
                    <msup> 
                        <mi>x</mi> 
                        <mn>2</mn> 
                    </msup> 
                    <mo>+</mo> 
                    <msup> 
                        <mi>y</mi> 
                        <mn>2</mn> 
                    </msup> 
                    <mo>=</mo> 
                    <msup> 
                        <mi>z</mi> 
                        <mn>2</mn> 
                    </msup> 
                </mrow> 
  
                <!-- Content MathML -->
                <annotation-xml encoding="MathML-Content"> 
                    <apply> 
                        <plus/> 
                        <apply> 
                            <power/> 
                            <ci>x</ci> 
                            <cn type="integer">2</cn> 
                        </apply> 
                        <apply> 
                            <power/> 
                            <ci>y</ci> 
                            <cn type="integer">2</cn> 
                        </apply> 
                        <equal/> 
                        <apply> 
                            <power/> 
                            <ci>z</ci> 
                            <cn type="integer">2</cn> 
                        </apply> 
                    </apply> 
                </annotation-xml> 
  
                <!-- annotate of an image -->
                <annotation encoding="image/png" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20191226151654/762.png" /> 
  
                <!-- annotate of Text -->
                <annotation encoding="application/x-tex"> 
                    x^{2} + y^{2} = z^{2} 
                </annotation> 
  
            </semantics> 
        </math> 
    </center> 
</body> 
</html>

输出：

支持的浏览器：下面列出了HTML 5 MathML <semantics>标记支持的浏览器：

Firefox

相关用法

注：本文由纯净天空筛选整理自skyridetim大神的英文原创作品 HTML5 | MathML <semantics> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。