HTML5 MathML

HTML5可以在文档中使用 MathML元素,对应的变迁是<math>....</math>
MathML是数学标记语言,是一种基于XML的标准,用于互联网上书写数学符号和公式的置标语言

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

MathML实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>菜鸟教程(runoob.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>

</body>
</html>
运行结果: a2 + b2 = c2

一下实例添加一些运算符:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>菜鸟教程(runoob.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>
运行结果: x 2 + 4 ⁢ x + 4 = 0

以下实例是一个 2×2 矩阵,可以在 Firefox 3.5 以上版本查看到效果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>菜鸟教程(runoob.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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML5 MathML HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</m...
    鹿守心畔光阅读 907评论 0 3
  • Python 面向对象Python从设计之初就已经是一门面向对象的语言,正因为如此,在Python中创建一个类和对...
    顺毛阅读 4,239评论 4 16
  • HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math> 。MathML ...
    小弱鸡阅读 544评论 0 0
  • importUIKit classViewController:UITabBarController{ enumD...
    明哥_Young阅读 3,896评论 1 10
  • 最爱枪神纪相约枪神纪 我叫林苏杭 - 榴弹单身汪MP3 词:我叫林苏杭 曲:杨臣刚 - 老鼠爱大米 唱:我叫林苏杭...
    我叫林苏杭阅读 245评论 0 0