HTML5中怎么使用MathML数学公式

这篇“HTML5中怎么使用MathML数学公式”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“HTML5中怎么使用MathML数学公式”文章吧。

成都创新互联自成立以来，一直致力于为企业提供从网站策划、网站设计、成都网站建设、网站建设、电子商务、网站推广、网站优化到为企业提供个性化软件开发等基于互联网的全面整合营销服务。公司拥有丰富的网站建设和互联网应用系统开发管理经验、成熟的应用系统解决方案、优秀的网站开发工程师团队及专业的网站设计师团队。

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

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

XML/HTML Code复制内容到剪贴板

html   

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

这会生成如下结果：

复制代码

代码如下:

a2 + b2 = c2

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

使用 MathML 字符

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

XML/HTML Code复制内容到剪贴板

html   

<!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 矩阵：

XML/HTML Code复制内容到剪贴板

html   

<!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数学公式
标题链接：https://www.cdcxhl.com/article6/psdsig.html

成都网站建设公司_创新互联，为您提供、网页设计公司、企业建站、响应式网站、网站排名、域名注册

广告

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

猜你还喜欢下面的内容

成都网站建设

定制开发知识

分类信息网站