• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    在HTML5中使用MathML数学公式的简单讲解

    HTML5 的 HTML 语法允许我们在文档内使用 <math>...</math> 标签应用 MathML 元素。

    下面是一个使用 MathML 的有效 HTML5 文档：

    XML/HTML Code复制内容到剪贴板
    1. html   
    2. <!doctype html>  
    3.   <html>  
    4.   <head>  
    5.   <meta charset="UTF-8">  
    6.   <title>Pythagorean theorem</title>  
    7.   </head>  
    8.   <body>  
    9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
    10.       <mrow>  
    11.         <msup><mi>a</mi><mn>2</mn></msup>  
    12.         <mo>+</mo>  
    13.         <msup><mi>b</mi><mn>2</mn></msup>  
    14.         <mo>=</mo>  
    15.         <msup><mi>c</mi><mn>2</mn></msup>  
    16.       </mrow>  
    17.     </math>  
    18.   </body>  
    19. </html>    

    这会生成如下结果：


    复制代码
    代码如下:
    a2 + b2 = c2

    便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

    使用 MathML 字符
    想象一下，下面是一个使用字符 &InvisibleTimes; 的标记：

    XML/HTML Code复制内容到剪贴板
    1. html   
    2. <!doctype html>  
    3.   <html>  
    4.   <head>  
    5.   <meta charset="UTF-8">  
    6.   <title>MathML Examples</title>  
    7.   </head>  
    8.   <body>  
    9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
    10.        <mrow>  
    11.           <mrow>  
    12.              <msup>  
    13.                 <mi>x</mi>  
    14.                 <mn>2</mn>  
    15.              </msup>  
    16.              <mo>+</mo>  
    17.              <mrow>  
    18.                 <mn>4</mn>  
    19.                 <mo>⁢</mo>  
    20.                 <mi>x</mi>  
    21.              </mrow>  
    22.              <mo>+</mo>  
    23.              <mn>4</mn>  
    24.           </mrow>  
    25.              <mo>=</mo>  
    26.              <mn>0</mn>  
    27.         </mrow>  
    28.    </math>  
    29. </body>  
    30. </html>   

    这会生成如下结果


    复制代码
    代码如下:
    x 2 + 4 x + 4 = 0

    便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

    矩阵表达示例
    想象一下下面的例子，它会被用来表示一个简单的 2x2 矩阵：

    XML/HTML Code复制内容到剪贴板
    1. html   
    2. <!doctype html>  
    3.   <html>  
    4.   <head>  
    5.   <meta charset="UTF-8">  
    6.   <title>MathML Examples</title>  
    7.   </head>  
    8.   <body>  
    9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
    10.        <mrow>  
    11.           <mi>A</mi>  
    12.           <mo>=</mo>  
    13.           <mfenced open="[" close="]">  
    14.              <mtable>  
    15.                 <mtr>  
    16.                    <mtd><mi>x</mi></mtd>  
    17.                    <mtd><mi>y</mi></mtd>  
    18.                 </mtr>  
    19.                 <mtr>  
    20.                    <mtd><mi>z</mi></mtd>  
    21.                    <mtd><mi>w</mi></mtd>  
    22.                 </mtr>  
    23.              </mtable>  
    24.          </mfenced>  
    25.       </mrow>  
    26.    </math>  
    27. </body>  
    28. </html>   

    这会生成如下结果

    上一篇：使用HTML5进行SVG矢量图形绘制的入门教程
    下一篇：解析HTML5的存储功能和web SQL的相关操作方法
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    在HTML5中使用MathML数学公式的简单讲解 在,HTML5,中,使用,MathML,数学公式,