HTML5 MathML

最新推荐文章于 2025-09-16 01:55:21 发布

原创最新推荐文章于 2025-09-16 01:55:21 发布 · 802 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #数学

HTML5 专栏收录该内容

14 篇文章

订阅专栏

本文介绍MathML数学标记语言的基础用法，通过实例演示如何使用MathML在网页中展示数学公式，包括基本的数学表达式及矩阵形式。

MathML简介

对应标签：<math></math>
MathML是一种数学标记语言，是一种基于xml的标准，用来在互联网上书写数学符号和公式的置标语言

MathML实例


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的博客</title>
    </head>
    <body>
        <math xmlns="http://www.w3.org/1998/Math/MathML">
            <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>
    </body>
    </head>
</html>

<math xmlns="http://www.w3.org/1998/Math/MathML">

         <mrow>         
            <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>

以下实例是一个 2×2 矩阵，可以在 Firefox 3.5 以上版本查看到效果：

<math xmlns="http://www.w3.org/1998/Math/MathML">

         <mrow>
            <mi>A</mi>
            <mo>=</mo>

            <mfenced open="[" close="]">

               <mtable>
                  <mtr>
                     <mtd><mi>x</mi></mtd>
                     <mtd><mi>y</mi></mtd>
                  </mtr>

                  <mtr>
                     <mtd><mi>z</mi></mtd>
                     <mtd><mi>w</mi></mtd>
                  </mtr>
               </mtable>

            </mfenced>
         </mrow>
      </math>