Open In App

HTML5 MathML <semantics> Tag

Last Updated : 05 Jul, 2023
Like Article

The HTML5 MathML <semantics> tag is an inbuilt element in HTML 5. It is used to markup mathematics there are two possible ways to markup mathematics.

  • Presentation MathML is used to control the layout of any mathematical equations.
  • Content MathML is designed to encode the semantic mathematical meaning and make expressions understandable to computer algebra systems.

This tag acts as a container element that should contain child elements. There are two more tags that perform with this tag those are <annotation> tag and the <annotation-xml>. This tag The <annotation> element is the container of those elements and contains semantic information in a non-XML format, whereas the <annotation-xml> element contains content in an XML format, like Content MathML or OpenMath. Syntax:

<semantics> child elements </semantics>

Attributes: This tag accepts the below-mentioned attributes and has to use those attributes on <annotation> and <annotation-xml>.

  • definitionURL: This attribute holds the location of the annotation symbol.
  • encoding: This attribute is used to encode the semantic information in the annotation.
  • cd: This attribute is used to hold the annotation symbols.
  • name: This attribute holds the name of the annotation key symbol.
  • src: This attribute holds the location of an external source for semantic information.

Below example illustrates the <semantics> tag in HTML 5: 


<!DOCTYPE html>
    <title>HTML 5 MathML <semantics> tag</title>
        <h1 style="color:green">
        <h3>HTML5 MathML <semantics> tag</h3>
                <!-- Presentation MathML -->
                <!-- Content MathML -->
                <annotation-xml encoding="MathML-Content">
                        <plus />
                            <power />
                            <cn type="integer">2</cn>
                            <power />
                            <cn type="integer">2</cn>
                        <equal />
                            <power />
                            <cn type="integer">2</cn>
                <!-- annotate of an image -->
                <annotation encoding="image/png"
                <!-- annotate of Text -->
                <annotation encoding="application/x-tex">
                    x^{2} + y^{2} = z^{2}



Supported Browsers: The browsers supported by HTML 5 MathML <semantics> tag are listed below:

  • Firefox

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads