首页前端开发HTMLHTML5MathML

HTML5MathML

时间2024-01-26 20:20:03发布访客分类HTML浏览341
导读:收集整理的这篇文章主要介绍了html5教程-HTML5MathML,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 HTML5 MathML HTM...
收集整理的这篇文章主要介绍了html5教程-HTML5MathML,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

HTML5 MathML

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

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

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

MathML 实例

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

 !DOCTYPE html>
     html>
        head>
           meta charset="UTF-8">
           tITle>
    菜鸟教程(runoob.COM)/title>
        /head>
         body>
            math xmlns="https://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="https://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="https://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 元素,对应的标签是 ... 。

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

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

MathML 实例

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

 !DOCTYPE html>
     html>
        head>
           meta charset="UTF-8">
           title>
    菜鸟教程(runoob.com)/title>
        /head>
         body>
            math xmlns="https://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="https://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="https://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教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

divHTMLpost-format-gallery

若转载请注明出处: HTML5MathML
本文地址: https://pptw.com/jishu/587232.html
html5(二)canvas绘图渐变 HTML5Canvas

游客 回复需填写必要信息