阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML5 MathML

      HTML5 MathML

      HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math>

      MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

      注意:大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。


      MathML 实例

      以下是一个简单的 MathML 实例:

      <!DOCTYPE html>
      <html>
         <head>
            <meta charset="UTF-8">
            <title>阿西河前端教程(axihe.com)</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>aaa
         </body>
      </html> 
      

      运行结果图,如下所示:

      以下实例添加了一些运算符:

      <!DOCTYPE html>
      <html>
         <head>
            <meta charset="UTF-8">
            <title>阿西河前端教程(www.axihe.com)</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> 
      

      运行结果图,如下所示:

      实例:一个 2×2 矩阵,可以在 Firefox 3.5 以上版本查看到效果:

      <!DOCTYPE html>
      <html>
         <head>
            <meta charset="UTF-8">
            <title>阿西河前端教程(www.axihe.com)</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> 
      

      运行结果图,如下所示:

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录