自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

一篇文章帶你了解HTML5 MathML

作者：前端進(jìn)階者
網(wǎng)絡(luò) 網(wǎng)絡(luò)管理
MathML 是數(shù)學(xué)標(biāo)記語言，是一種基于XML(標(biāo)準(zhǔn)通用標(biāo)記語言的子集)的標(biāo)準(zhǔn)，用來在互聯(lián)網(wǎng)上書寫數(shù)學(xué)符號和公式的置標(biāo)語言。

 [[347913]]

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

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 實例。

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="UTF-8"> 
  5.         <title>項目</title> 
  6.     </head> 
  7.  
  8.     <body style="background-color: aqua;"> 
  9.  
  10.         <math xmlns="http://www.w3.org/1998/Math/MathML"> 
  11.  
  12.             <mrow> 
  13.                 <msup> 
  14.                     <mi>a</mi> 
  15.                     <mn>2</mn> 
  16.                 </msup> 
  17.                 <mo>+</mo> 
  18.  
  19.                 <msup> 
  20.                     <mi>b</mi> 
  21.                     <mn>2</mn> 
  22.                 </msup> 
  23.                 <mo>=</mo> 
  24.  
  25.                 <msup> 
  26.                     <mi>c</mi> 
  27.                     <mn>2</mn> 
  28.                 </msup> 
  29.             </mrow> 
  30.  
  31.         </math> 
  32.  
  33.     </body> 
  34. </html> 

運行結(jié)果圖，如下所示：

 

二、用作 MathML 字符

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

以下實例添加了一些運算符：

  1. <!DOCTYPE html> 
  2. <html> 
  3.    <head> 
  4.       <meta charset="UTF-8"> 
  5.       <title>項目</title> 
  6.    </head> 
  7.      
  8.    <body  style="background-color: aqua;"> 
  9.      
  10.       <math xmlns="http://www.w3.org/1998/Math/MathML"> 
  11.          
  12.          <mrow>             
  13.             <mrow> 
  14.                  
  15.                <msup> 
  16.                   <mi>x</mi> 
  17.                   <mn>3</mn> 
  18.                </msup> 
  19.                      
  20.                <mo>+</mo> 
  21.                      
  22.                <mrow> 
  23.                   <mn>4</mn> 
  24.                   <mo>⁢</mo> 
  25.                   <mi>x</mi> 
  26.                </mrow> 
  27.                      
  28.                <mo>+</mo> 
  29.                <mn>6</mn> 
  30.                      
  31.             </mrow> 
  32.                  
  33.             <mo>=</mo> 
  34.             <mn>0</mn> 
  35.                  
  36.          </mrow> 
  37.       </math> 
  38.          
  39.    </body> 
  40. </html> 

運行結(jié)果圖，如下所示：

 

三、MathML乘法

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

1. 用法

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

  1. <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. 案例

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="UTF-8"> 
  5.         <title>項目</title> 
  6.     </head> 
  7.  
  8.     <body style="background-color: aqua;"> 
  9.         <math xmlns="http://www.w3.org/1998/Math/MathML"> 
  10.             <mstack> 
  11.                 <msgroup> 
  12.                     <mn>123</mn> 
  13.                     <msrow> 
  14.                         <mo>×</mo> 
  15.                         <mn>321</mn> 
  16.                     </msrow> 
  17.                 </msgroup> 
  18.                 <msline /> 
  19.                 <msgroup shift="1"> 
  20.                     <mn>123</mn> 
  21.                     <mn>246</mn> 
  22.                     <mn>369</mn> 
  23.                 </msgroup> 
  24.                 <msline /> 
  25.                 <mn>39483</mn> 
  26.             </mstack> 
  27.         </math> 
  28.     </body> 
  29. </html> 

 

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

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

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

  1. <!DOCTYPE html> 
  2. <html> 
  3.    <head> 
  4.       <meta charset="UTF-8"> 
  5.       <title>項目</title> 
  6.    </head> 
  7.      
  8.    <body  style="background-color: aqua;"> 
  9.       <math xmlns="http://www.w3.org/1998/Math/MathML"> 
  10.          
  11.          <mrow> 
  12.             <mi>BAS</mi> 
  13.             <mo>=</mo> 
  14.              
  15.             <mfenced open="[" close="]"> 
  16.              
  17.                <mtable> 
  18.                   <mtr> 
  19.                      <mtd><mi>x</mi></mtd> 
  20.                      <mtd><mi>y</mi></mtd> 
  21.                   </mtr> 
  22.                      
  23.                   <mtr> 
  24.                      <mtd><mi>z</mi></mtd> 
  25.                      <mtd><mi>w</mi></mtd> 
  26.                   </mtr> 
  27.                </mtable> 
  28.                
  29.             </mfenced> 
  30.          </mrow> 
  31.       </math> 
  32.        
  33.    </body> 
  34. </html> 

運行結(jié)果圖，如下所示：

 

五、總結(jié)

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

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

本文轉(zhuǎn)載自微信公眾號「前端進(jìn)階學(xué)習(xí)交流」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系前端進(jìn)階學(xué)習(xí)交流公眾號。

 

責(zé)任編輯：武曉燕 來源： 前端進(jìn)階學(xué)習(xí)交流
HTML5MathML語言
相關(guān)推薦

2023-07-11 15:34:02

2023-05-12 08:19:12

Netty程序框架

2021-06-30 00:20:12

Hangfire.NET平臺

2023-07-30 15:18:54

JavaScript屬性

2023-05-08 08:21:15

JavaNIO編程

2021-01-26 23:46:32

JavaScript數(shù)據(jù)結(jié)構(gòu)前端

2021-03-09 14:04:01

JavaScriptCookie數(shù)據(jù)

2021-06-24 09:05:08

JavaScript日期前端

2021-09-27 09:18:30

ListIterato接口方法

2023-09-06 14:57:46

JavaScript編程語言

2024-01-30 13:47:45

2024-04-19 14:23:52

SwitchJavaScript開發(fā)

2020-12-08 08:09:49

SVG圖標(biāo)Web

2021-03-05 18:04:15

JavaScript循環(huán)代碼

2021-05-18 08:30:42

JavaScript 前端JavaScript時

2021-02-26 20:01:57

SVG濾鏡元素

2020-11-10 10:48:10

JavaScript屬性對象

2021-01-29 18:41:16

JavaScript函數(shù)語法

2021-02-02 18:39:05

JavaScript

2021-06-04 09:56:01

JavaScript 前端switch
點贊
收藏

51CTO技術(shù)棧公眾號