HTML5 MathML <mi> Tag

The MathML <mi> tag in HTML5 is used as an identifier such as any kind of symbol or function. You can put any statement inside this tag.

Syntax:

<mi> element </mi>

Attributes: This tag accepts some attributes which are listed below:

class|id|style: This attribute is used to hold the styles of the child elements.
href: This attribute is used to hold any hyperlink to a specified URL.
mathbackground: This attribute holds the value of the math expressions background color.
mathcolor: This attribute holds the color of the math expressions.
dir: This attributes holds the direction value. Two types of direction values are acceptable ltr from left to right and rtl from right to left.
mathsize: This attribute holds the value of the size for the content. The possible values are small, medium and big.
mathvariant: This attribute holds variety of typography like font-family.

Below example illustrates the MathML <mi> tag in HTML5:

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML5 MathML mi tag</title>
    <style>
        mi {
            font-size:25px;
        }
    </style>
</head>

<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>

        <h3>HTML5 MathML mi tag</h3>

        <math>
            <math>
                <mi mathvariant="bold">
                    GeeksforGeeks
                </mi>

                <br>
            </math>
            <math>
                <mi mathvariant="italic">
                    A Computer Science
                    Portal for Geeks
                </mi>
            </math>
        </math>
    </center>
</body>

</html>

Output:

Screenshot-from-2023-07-06-17-05-59 — HTML MathML mi Tag

Supported Browsers: The browsers supported by HTML5 MathML <mi> tag are listed below:

Firefox
safari

Explore