HTML5 | Etiqueta MathML <semántica>

La etiqueta HTML5 MathML <semantics> es un elemento incorporado en HTML 5. Se utiliza para marcar las matemáticas. Hay dos formas posibles de marcar las matemáticas.

  • Presentación MathML se utiliza para controlar el diseño de cualquier ecuación matemática.
  • Content MathML está diseñado para codificar el significado matemático semántico y hacer que las expresiones sean comprensibles para los sistemas de álgebra computacional.

Esta etiqueta actúa como elementos contenedores que deben contener elementos secundarios. Hay dos etiquetas más que funcionan con esta etiqueta : la etiqueta <annotation> y la <annotation-xml> . Esta etiqueta El elemento <annotation> es el contenedor de esos elementos y contiene información semántica en un formato que no es XML, mientras que el elemento <annotation-xml> contiene contenido en formato XML, como Content MathML u OpenMath. Sintaxis:

<semantics> child elements </semantics>

Atributos: esta etiqueta acepta los atributos mencionados a continuación y tiene que usar esos atributos en <annotation> y <annotation-xml> .

  • definitionURL: este atributo contiene la ubicación del símbolo de anotación.
  • codificación: este atributo se utiliza para codificar la información semántica en la anotación.
  • cd: este atributo se utiliza para contener los símbolos de anotación.
  • nombre: este atributo contiene el nombre del símbolo de la clave de anotación.
  • src: este atributo contiene la ubicación de una fuente externa de información semántica.

El siguiente ejemplo ilustra la etiqueta <semantics> en HTML 5: 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>HTML 5 MathML <semantics> tag</title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
 
        <h3>HTML5 MathML <semantics> tag</h3>
 
        <math>
            <semantics>
 
                <!-- Presentation MathML -->
                <mrow>
                    <msup>
                        <mi>x</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>+</mo>
                    <msup>
                        <mi>y</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>=</mo>
                    <msup>
                        <mi>z</mi>
                        <mn>2</mn>
                    </msup>
                </mrow>
 
                <!-- Content MathML -->
                <annotation-xml encoding="MathML-Content">
                    <apply>
                        <plus/>
                        <apply>
                            <power/>
                            <ci>x</ci>
                            <cn type="integer">2</cn>
                        </apply>
                        <apply>
                            <power/>
                            <ci>y</ci>
                            <cn type="integer">2</cn>
                        </apply>
                        <equal/>
                        <apply>
                            <power/>
                            <ci>z</ci>
                            <cn type="integer">2</cn>
                        </apply>
                    </apply>
                </annotation-xml>
 
                <!-- annotate of an image -->
                <annotation encoding="image/png" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20191226151654/762.png" />
 
                <!-- annotate of Text -->
                <annotation encoding="application/x-tex">
                    x^{2} + y^{2} = z^{2}
                </annotation>
 
            </semantics>
        </math>
    </center>
</body>
</html>                   

Salida: navegadores compatibles: los navegadores compatibles con la etiqueta HTML 5 MathML <semantics> se enumeran a continuación:

  • Firefox

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *