HTML5 | MathML <mglyph> Tag

The MathML <mglyph> tag in HTML5 is used to print non-standard symbols. It is used only for those characters or symbols that are not available on Unicode characters.

Syntax:

<mglyph src="pathe" alt="" width="value" height="value"/>

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

  • alt: This attribute defines the alternative text describing the image if the image is not supported or path is incorrect.
  • class|id|style: This attribute is used to hold the styles of the child elements.
  • href: This attribute used to hold any hyperlink to a specified URL.
  • mathbackground: This attribute holds the value of the math expressions background color.
  • height: This attribute defines the height of the image.
  • width: This attribute defines the width of the image.
  • src: This attribute holds the image URL.
  • valign: This attribute holds the vertical alignment base on the current base-line.

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

Example:



filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
   
<head>
    <title>HTML5 MathML mglyph tag</title>
</head>
   
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
          
        <h3>HTML5 MathML <mglyph> tag</h3>
          
        <math>
            <mi>
                <mglyph src="glyph.png" alt="glyph"
                        width="20px" height="10px" />
            </mi>
        </math>
    </center>
</body>
   
</html>

chevron_right


Output:

Supported Browsers: This tag is not supported by any browsers.

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.