HTML5 | MathML <mn> Tag

The MathML <mn> tag in HTML5 is used to display a numeric character which is normally a sequence of digits with a possible separator. It contains the arbitrary character and used like 4 as Four.

Syntax:

<mn> Numeric </mn>

Attributes: It accepts some attributes which are listed below:



  • class|id|style: This attribute is used to hold the styles of the child elements.
  • dir: This attributes holds the direction value. The direction value is acceptable ltr for left to right and rtl for right to left.
  • 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.
  • 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 <mn> tag in HTML 5:

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML5 MathML mn tag</title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
      
    <h3>HTML5 MathML <mn> tag</h3>
      
    <math>
        <mrow>
            <mrow>
                <msup>
                    <mi>x</mi>
                    <mn>2</mn>
                </msup>
                <mo>+</mo>
                <msup>
                    <mi>y</mi>
                    <mn>2</mn>
                </msup>
            </mrow>
            <mo>=</mo>
            <msup>
                <mi>z</mi>
                <mn>2</mn>
            </msup>
        </mrow>
    </math>
</body>
  
</html>

chevron_right


Output:

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

  • Firefox

Note: Till now no other browsers supported by MathML elements.

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.