zoukankan      html  css  js  c++  java
  • HTML5 MathML:在文档中使用 MathML 元素,对应的标签是 <math>...</math>

    HTML5 MathML

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

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

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


    MathML 实例

    以下是一个简单的 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> 

    运行结果图,如下所示:

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

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

    尝试一下 »

    运行结果图,如下所示:

    以下实例是一个 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> 
    

     

    运行结果图,如下所示:

  • 相关阅读:
    布局重用 include merge ViewStub
    AS 常用插件 MD
    AS 2.0新功能 Instant Run
    AS .ignore插件 忽略文件
    AS Gradle构建工具与Android plugin插件【大全】
    如何开通www国际域名个人网站
    倒计时实现方案总结 Timer Handler
    AS 进行单元测试
    RxJava 设计理念 观察者模式 Observable lambdas MD
    retrofit okhttp RxJava bk Gson Lambda 综合示例【配置】
  • 原文地址:https://www.cnblogs.com/peijz/p/12749794.html
Copyright © 2011-2022 走看看