HTML5 MathML <mtable>標記用法及代碼示例

MathML <mtable>標記用於在HTML5中創建表或矩陣。該標記與普通的HTML <table>標記相似。 <table>具有<tr>，<td>和<td>標記，類似地具有<mtr>，<mtd>和<mtd>標記，它們的作用相同。但是我們不使用<table>和其他子標簽來創建矩陣。在這裏<mtable>對創建矩陣很有用。因為MathML與HTML中的數學表達式表示有關。

用法:

<mtable attributes="value"> child elements </mtable>

屬性：它接受以下列出的一些屬性：

align:此屬性保存表的對齊方式。可能的值為axis，baseline，bottom，center和top。
class|id|style:此屬性用於保存子元素的樣式。
columnalign:此屬性保存表格單元格的水平對齊方式。可能的值為left，right和center。
columnlines:此屬性保存column-lines的邊框樣式值。可能的值為none，solid和dashed。
displaystyle:它是一個布爾值屬性，它定義是將更多的垂直空間用於顯示的方程式，還是將更緊湊的布局用於顯示公式。
frame:此屬性保存整個表的邊框值。可能的值為none，solid和dashed。
framespacing:此屬性定義表格和框架之間的空間。
href:此屬性用於保存指向指定URL的任何超鏈接。
mathbackground:此屬性保存數學表達式背景色的值。
mathcolor:此屬性保存數學表達式的顏色。
rowalign:此屬性保持表格單元的垂直對齊。可能的值為top，bottom和center。
rowlines:此屬性保存的行邊界值也可以考慮使用空格將多個值分開。可能的值為none，solid和dashed。
width:此屬性保存寬度值的長度。

注意：幾乎沒有其他屬性，但尚未實現rowspacing，side，minlabelspacing，groupalign等等

以下示例說明了HTML5中的MathML <mtable>標記：

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML5 MathML mtable tag</title> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green">  
            GeeksforGeeks  
        </h1> 
  
        <h3>HTML5 MathML <mtable> tag</h3> 
  
        <math> 
            <mi>GeeksforGeeks</mi> 
            <mo>=</mo> 
            <mtable frame="solid" rowlines="dashed" align="axis 1"> 
                <mtr mathbackground="green;"> 
                    <mtd>Course</mtd> 
                    <mtd>Fee</mtd> 
                </mtr> 
                <mtr> 
                    <mtd> 
                        <mi>C++ STL</mi> 
                    </mtd> 
                    <mtd> 
                        <mi> 1499</mi> 
                    </mtd> 
                </mtr> 
                <mtr> 
                    <mtd> 
                        <mi>Placement 100 </mi> 
                    </mtd> 
                    <mtd> 
                        <mi>9999 </mi> 
                    </mtd> 
                </mtr> 
                <mtr> 
                    <mtd> 
                        <mi>DSA Foundation </mi> 
                    </mtd> 
                    <mtd> 
                        <mi>7999</mi> 
                    </mtd> 
                </mtr> 
            </mtable> 
        </math> 
    </center> 
</body> 
  
</html>

輸出：

支持的瀏覽器：下麵列出了HTML5 MathML <mtable>標記支持的瀏覽器：

Firefox

相關用法

注：本文由純淨天空篩選整理自skyridetim大神的英文原創作品 HTML5 | MathML <mtable> Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。