在HTML5中如何使用MathML数学公式

这篇文章给大家分享的是有关在HTML5中如何使用MathML数学公式的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队，其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接：网站制作、成都做网站、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

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

<!doctype html>  
  <html>  
  <head>  
  <meta charset="UTF-8">  
  <title>Pythagorean theorem</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>  
    </math>  
  </body>  
</html>

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

这会生成如下结果：

a2 + b2 = c2

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

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

 <!doctype html>  
  <html>  
  <head>  
  <meta charset="UTF-8">  
  <title>MathML Examples</title>  
  </head>  
  <body>  
    <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>  
</body>  
</html>

这会生成如下结果

x 2 + 4 x + 4 = 0

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

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

<!doctype html>  
  <html>  
  <head>  
  <meta charset="UTF-8">  
  <title>MathML Examples</title>  
  </head>  
  <body>  
    <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>  
</body>  
</html>

这会生成如下结果
在HTML5中如何使用MathML数学公式

感谢各位的阅读！关于“在HTML5中如何使用MathML数学公式”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

新闻名称：在HTML5中如何使用MathML数学公式
本文路径：https://www.cdcxhl.com/article0/gojgio.html

成都网站建设公司_创新互联，为您提供服务器托管、自适应网站、、网站营销、网站设计、定制开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容