一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

一篇文章帶你了解HTML5 MathML

 千鋒Python學(xué)堂 2020-10-29

HTML5 可以在文檔中使用 MathML 元素,對應(yīng)的標(biāo)簽是 <math>...</math> 。

MathML 是數(shù)學(xué)標(biāo)記語言,是一種基于XML(標(biāo)準(zhǔn)通用標(biāo)記語言的子集)的標(biāo)準(zhǔn),用來在互聯(lián)網(wǎng)上書寫數(shù)學(xué)符號和公式的置標(biāo)語言。

注意:

大部分瀏覽器都支持 MathML 標(biāo)簽,如果你的瀏覽器不支持該標(biāo)簽,可以使用最新版的 Firefox 或 Safari 瀏覽器查看。

一、MathML 簡單實例

以下是一個簡單的 MathML 實例。

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>項目</title>
    </head>

    <body style="background-color: aqua;">

        <math xmlns="http://www./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>

運(yùn)行結(jié)果圖,如下所示:

一篇文章帶你了解HTML5 MathML

二、用作 MathML 字符

想象一下,下面是一個用作字符 ? 的標(biāo)記:XML/HTML Code粘貼內(nèi)容到剪貼板。

以下實例添加了一些運(yùn)算符:

<!DOCTYPE html><html>
   <head>
      <meta charset="UTF-8">
      <title>項目</title>
   </head>
    
   <body  style="background-color: aqua;">
    
      <math xmlns="http://www./1998/Math/MathML">
        
         <mrow>            
            <mrow>
                
               <msup>
                  <mi>x</mi>
                  <mn>3</mn>
               </msup>
                    
               <mo>+</mo>
                    
               <mrow>
                  <mn>4</mn>
                  <mo>?</mo>
                  <mi>x</mi>
               </mrow>
                    
               <mo>+</mo>
               <mn>6</mn>
                    
            </mrow>
                
            <mo>=</mo>
            <mn>0</mn>
                
         </mrow>
      </math>
        
   </body></html>

運(yùn)行結(jié)果圖,如下所示:

一篇文章帶你了解HTML5 MathML

三、MathML乘法

<msgroup>用于對<mstack>元素和<mlongdiv>元素內(nèi)的行進(jìn)行分組,以使其位置相對于堆棧的對齊方式。帶有shift屬性的<msgroup>元素可以用于創(chuàng)建簡單乘法。

1. 用法

以下是使用此標(biāo)簽的簡單語法 。

<msgroup> expression </msgroup>

2. 參數(shù)

這是這個標(biāo)簽的所有參數(shù)的描述 ( 表達(dá)式 - 表達(dá)式 )。

3. 屬性

位置 : 指定組內(nèi)相對于由包含msgroup控制的位置(根據(jù)其位置和位移屬性)的行的水平位置。默認(rèn)值為0。

shift : 指定組內(nèi)連續(xù)子項(行或組)的位置的遞增位移。默認(rèn)值為0。

4. 案例

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>項目</title>
    </head>

    <body style="background-color: aqua;">
        <math xmlns="http://www./1998/Math/MathML">
            <mstack>
                <msgroup>
                    <mn>123</mn>
                    <msrow>
                        <mo>×</mo>
                        <mn>321</mn>
                    </msrow>
                </msgroup>
                <msline />
                <msgroup shift="1">
                    <mn>123</mn>
                    <mn>246</mn>
                    <mn>369</mn>
                </msgroup>
                <msline />
                <mn>39483</mn>
            </mstack>
        </math>
    </body></html>

一篇文章帶你了解HTML5 MathML

四、矩陣表達(dá)出來

下面的例子,它可能會被用來指出一個比較簡單的 2x2 矩陣。XML/HTML Code副本內(nèi)容到剪貼板

以下實例是一個 2×2 矩陣。

<!DOCTYPE html><html>
   <head>
      <meta charset="UTF-8">
      <title>項目</title>
   </head>
    
   <body  style="background-color: aqua;">
      <math xmlns="http://www./1998/Math/MathML">
        
         <mrow>
            <mi>BAS</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>

運(yùn)行結(jié)果圖,如下所示:

一篇文章帶你了解HTML5 MathML

五、總結(jié)

本文基于HTML基礎(chǔ),介紹了MathML常見的用法。在本文中,介紹了如何用作 MathML 字符,重點介紹了MathML乘法的實際應(yīng)用。通過一個個案例的分析,介紹了其用法,屬性。運(yùn)行效果圖的展示,能夠讓讀者更好的理解。

歡迎大家積極嘗試,有時候看到別人實現(xiàn)起來很簡單,但是到自己動手實現(xiàn)的時候,總會有各種各樣的問題,切勿眼高手低,勤動手,才可以理解的更加深刻。

更多的HTML教程也會繼續(xù)給大家更新,整理的全套HTML視頻教學(xué),學(xué)習(xí)的伙伴,可以關(guān)注學(xué)習(xí)!

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    一区二区三区亚洲国产| 东京不热免费观看日本| 国产成人国产精品国产三级| 亚洲av秘片一区二区三区| 亚洲国产精品无遮挡羞羞| 激情国产白嫩美女在线观看| 一级片二级片欧美日韩| 欧美区一区二区在线观看| 欧美久久一区二区精品| 国语久精品在视频在线观看| 激情综合网俺也狠狠地| 国产精品欧美一区二区三区| 亚洲男女性生活免费视频| 国产亚洲精品久久久优势| 日本久久中文字幕免费| 欧美日韩一级aa大片| 日韩免费午夜福利视频| 99久久免费看国产精品| 国产精品久久男人的天堂| 久久夜色精品国产高清不卡| 国产成人精品久久二区二区| 国产福利在线播放麻豆| 激情内射日本一区二区三区| 自拍偷拍福利视频在线观看| 国内欲色一区二区三区| 高中女厕偷拍一区二区三区| 精品女同一区二区三区| 日韩色婷婷综合在线观看| 男女午夜在线免费观看视频| 国产日韩欧美在线亚洲| 97人妻精品免费一区二区| 欧美性高清一区二区三区视频| 日本人妻丰满熟妇久久| 成人综合网视频在线观看| 精品人妻一区二区四区| 亚洲中文字幕乱码亚洲| 91老熟妇嗷嗷叫太91| 免费精品一区二区三区| 国产无摭挡又爽又色又刺激| 亚洲国产丝袜一区二区三区四 | 99久久婷婷国产亚洲综合精品|