HTML5 MathML Complete Reference

The MathML comes in HTML5 the current MathML version is 3 it was introduced in the year 2015. The MathML stands for Mathematics Markup Language. It is used to represent mathematical equations or expressions in web browsers like other HTML elements. The MathML is used to describe mathematics as a basis for the machine to machine communication, it is intended to be handled by specialized authoring tools such as equation editors and it is meaningful to other applications also.

Example:

html

<!DOCTYPE html>
<html>
 
<head>
    <title>HTML5 MathML</title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
 
    <h3>HTML5 MathML</h3>
 
    <!--start tag of the whole representation-->
    <math>
 
        <!-- Creating Matrix -->
        <mrow>
            <mi>A</mi>
            <mo>=</mo>
 
            <mfenced open="[" close="]">
 
                <mtable>
                    <mtr>
                        <mtd>
                            <mi>a</mi>
                        </mtd>
                        <mtd>
                            <mi>b</mi>
                        </mtd>
                    </mtr>
 
                    <mtr>
                        <mtd>
                            <mi>x</mi>
                        </mtd>
                        <mtd>
                            <mi>y</mi>
                        </mtd>
                    </mtr>
 
                </mtable>
 
            </mfenced>
        </mrow>
 
        <!-- Creating equation -->
        <br><br>
        <msub>
            <mi>Geeks</mi>
            <mn>4</mn>
        </msub>
        <mo>+</mo>
        <mn>Geeks</mn>
        <mo>=</mo>
        <msub>
            <mi>G</mi>
        </msub>
        <mo>→</mo>
        <msub>
            <mi>e</mi>
            <mn>2</mn>
        </msub>
        <mo>→</mo>
        <mi>k</mi>
        <mi>s</mi>
        <mn>4
        </mn>
        <msub>
            <mi>G</mi>
        </msub>
        <mo>→</mo>
        <msub>
            <mi>e</mi>
            <mn>2</mn>
        </msub>
        <mo>→</mo>
        <mi>k</mi>
        <mi>s</mi>
    </math>
</body>
 
</html>

Output:

MathML Tag	Description	Example
math	Write a single mathematical formula.	Try
maction	Show the bind action of any expression.	Try
menclose	Render the contents inside an enclosing notation specified by the notation attribute.	Try
merror	Wrap the expression in a box, makes that expression eye-catching.	Try
mfenched	Add custom open and closing parentheses.	Try
mfrac	Add fraction symbols between two digits or equations	Try
mglyph	Print non-standard symbols.	Try
mi	Such as any kind of symbol or function.	Try
mlabeledtr	Represent a label in a row, either on the left or on the right side inside of the <mtable> element.	Try
mmultiscripts	Create multi-dimensional matrices.	Try
mn	Display a numeric character which is normally a sequence of digits with a possible separator.	Try
mo	Print operator between elements.	Try
mover	This tag is used to attach an accent or a limit over an expression.	Try
mpadded	Extra padding and to set the general adjustment of the position and size of enclosed contents.	Try
mphantom	To render invisibly but the dimensional are still kept.	Try
mroot	Display the power of the root like root squire.	Try
mrow	Create a row that contains some mathematical expression or any random text.	Try
ms	Represent a string that will represent the mathematical expression by programming languages	Try
mspace	It is used to print blank space.	Try
msqrt	Display the root squire of the element content.	Try
style	Change the styles of the children’s elements.	Try
msub	Print the base power on any expression.	Try
msubsup	Print base power and power on any expression.	Try
msup	Print power on any expression.	Try
mtable	Create tables or matrices in HTML5	Try
mtd	Create table data of a table or matrices in HTML5.	Try
mtext	Print any text before or after any expression.	Try
mtr	Create a row of a table or the matrices in HTML5.	Try
mth	Create a header of a table or the matrices in HTML5. It is similar to <th> of a table tag.	Try
munder	Attach any accent or limit under the expression.	Try
munderover	Attach any accent or limit under the expression plus over the expression.	Try
semantics	Markup mathematics there are two possible ways to markup mathematics.	Try