HTML5 中的 MathML 示例

htmlweb developmentfront end technology更新于 2024/8/13 5:32:17

在下文中，我们将学习 HTML5 中的 MathML 示例。HTML 标签和 MathML 标签有很多共同之处。与使用 HTML 标签指定标题和段落的方式类似，MathML 使用标签来描述数学等式的各个组成部分。

数学标记语言 (MathML) 简称 MathML。它使用 XML 来描述数学符号并捕获其结构和内容。它的主要功能是将数学公式集成到网站中。 MathML 使得在线发布科学和数学知识成为可能。

MathML 的应用

MathML 可以替代矩阵形式。
MathML 可以表示偏微分方程。
MathML 可以表示化学反应方程。

S.No	标签和用法
1	<mi> 它用于变量
2	<mn> 它用于数值
3	<mo> 它用于数学运算符
4	<mrow> 它用于将 MathML 元素分组为单个单元

为了更好地理解 MathML，我们来看以下示例

示例 1

在下面的示例中，我们打印 a2= b2= c2

<!DOCTYPE html>
<html>
<body>
   <math>
      <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>

脚本执行后，将生成一个输出，在网页上显示我们在上述脚本中创建的数学表达式。

示例 2:使用 MathML 字符

在下面的示例中，我们将使用字符和不可见时间的标记。

<!doctype html>
<html>
<body>
   <math>
      <mrow>
         <msup>
            <mi>x</mi>
            <mn>2</mn>
         </msup>
      <mo>+</mo>
      <mrow>
         <mn>4</mn>
         <mo>⁢</mo>
         <mi>x</mi>
      </mrow>
         <mo>+</mo>
         <mn>4</mn>
      </mrow>
         <mo>=</mo>
         <mn>0</mn>
      </mrow>
   </math>
</body>
</html>

运行上述脚本后，它将生成一个输出，该输出由网页上使用 MathML 获得的数学表达式"x² + 4x + 4 = 0"组成。

示例 3

在下面的示例中，我们创建了一个数学表达式 Σ n = 1。

<!DOCTYPE html>
<html>
<body>
   <math>
      <mrow>
         <munderover>
         <mo>Σ</mo>
         <mrow>
         <mi>n</mi>
         <mo>=</mo>
         <mn>1</mn>
      </mrow>
   </math>
</body>
</html>

当用户尝试执行脚本时，它将在网页上显示使用 MathML 生成的数学表达式 Σ n = 1。

示例 4

下面我们生成一个数学表达式 a2 + b2 = c2。

<!DOCTYPE html>
<html>
<body>
   <math>
      <mrow>
         <msup><mi>a</mi><mn>2</mn></msup>
         <mo>+</mo>

         <msup><mi>b</mi><mn>2</mn></msup>
         <mo> = </mo>

         <msup><mi>c</mi><mn>2</mn></msup>
      </mrow>
   </math>
</body>
</html>

当脚本执行时，它将生成一个输出，该输出由网页上使用 MathML 生成的数学表达式"a2 + b2 = c2"组成。