HTML5 | Introducción a MathML

El MathML viene en HTML5, la versión actual de MathML es 3, se introdujo en el año de 2015. MathML significa Lenguaje de marcado matemático. Se utiliza para representar la ecuación o expresión matemática en los navegadores web como otros elementos HTML. La primera versión de MathML se lanzó en el año de 1998 y luego se lanzó la segunda versión. Básicamente, MathML es una fórmula matemática compleja o una representación visual de ecuaciones simplificada. MathML es compatible con HTML5, todas las etiquetas de MathML deben usarse dentro de <math> y </math>etiquetas El MathML se usa para describir las matemáticas como base para la comunicación de máquina a máquina, está destinado a ser manejado por herramientas de creación especializadas, como editores de ecuaciones, y también es significativo para otras aplicaciones. MathML no es compatible:

  • MathML no es una calculadora para calcular o resolver ecuaciones complejas, es solo una forma de mostrar la ecuación.
  • No es un lenguaje de programación, es un lenguaje de marcado matemático.

MathML es capaz:

  • El MathML se puede utilizar para representar la forma Matrix.
  • MathML se puede utilizar para representar la ecuación diferencial parcial.
  • El MathML se puede utilizar para representar la ecuación de reacción química.

El siguiente ejemplo le da una breve idea sobre MathML

Ejemplo: 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>HTML5 MathML</title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
 
    <h3>HTML5 MathML</h3>
 
    <!--start tag of the whole representation-->
    <math>
         
        <!-- Creating Matrix -->
        <mrow>
            <mi>A</mi>
            <mo>=</mo>
 
            <mfenced open="[" close="]">
 
                <mtable>
                    <mtr>
                        <mtd>
                            <mi>a</mi>
                        </mtd>
                        <mtd>
                            <mi>b</mi>
                        </mtd>
                    </mtr>
 
                    <mtr>
                        <mtd>
                            <mi>x</mi>
                        </mtd>
                        <mtd>
                            <mi>y</mi>
                        </mtd>
                    </mtr>
 
                </mtable>
 
            </mfenced>
        </mrow>
       
        <!-- Creating equation -->
        <br><br>
        <msub>
            <mi>Geeks</mi>
            <mn>4</mn>
        </msub>
        <mo>+</mo>
        <mn>Geeks</mn>
        <mo>=</mo>
        <msub>
            <mi>G</mi>
        </msub>
        <mo>→</mo>
        <msub>
            <mi>e</mi>
            <mn>2</mn>
        </msub>
        <mo>→</mo>
        <mi>k</mi>
        <mi>s</mi>
        <mn>4
        </mn>
        <msub>
            <mi>G</mi>
        </msub>
        <mo>→</mo>
        <msub>
            <mi>e</mi>
            <mn>2</mn>
        </msub>
        <mo>→</mo>
        <mi>k</mi>
        <mi>s</mi>
    </math>
</body>
 
</html>

Producción:

  

Nota: hay casi más de 30 etiquetas MathML disponibles. Todas las etiquetas se enumeran a continuación en formato de tabla:

Etiqueta Descripción
Etiqueta MathML <matemáticas> El elemento MathML que desea usar debe envolverse dentro de la etiqueta <math>.
Etiqueta MathML <acción> Esta etiqueta se utiliza para mostrar la acción de enlace de cualquier expresión.
Etiqueta MathML <menclose> Esta etiqueta se utiliza para representar el contenido que se encuentra dentro de una notación de cierre especificada por el atributo de notación.
Etiqueta MathML <merror> Esta etiqueta se usa para envolver la expresión en un cuadro, lo que hace que la expresión sea llamativa.
Etiqueta MathML <mfenched> Esta etiqueta se utiliza para agregar paréntesis de apertura y cierre personalizados.
Etiqueta MathML <mfrac> Esta etiqueta se usa para agregar un símbolo de fracción entre dos dígitos o ecuaciones.
Etiqueta MathML <mglyph> Esta etiqueta se usa solo para aquellos caracteres o símbolos que no están disponibles en los caracteres Unicode.
Etiqueta MathML <mi> Esta etiqueta se utiliza como identificador, como cualquier tipo de símbolo o función. Puede poner cualquier declaración dentro de esta etiqueta.
Etiqueta MathML <mlabeledtr> Esta etiqueta se usa para representar una etiqueta en una fila, ya sea en el lado izquierdo o derecho dentro del elemento <mtable>.
Etiqueta MathML <mmultiscripts> Esta etiqueta se utiliza para crear arrays multidimensionales. El grado depende de la condicionalidad de una array representativa.
Etiqueta MathML <mn> Esta etiqueta se utiliza para mostrar un carácter numérico que normalmente es una secuencia de dígitos con un posible separador.
Etiqueta MathML <mo> Esta etiqueta se utiliza como operador de impresión entre elementos. Esta etiqueta puede utilizar cualquier tipo de operador matemático.
Etiqueta MathML <mover> Esta etiqueta se usa para agregar un acento o un límite sobre una expresión.
Etiqueta MathML <mpadded> Esta etiqueta se utiliza para agregar relleno adicional y para establecer el ajuste general de posición y tamaño del contenido adjunto.
Etiqueta MathML <fantasma> Se utiliza para renderizar de forma invisible, pero las dimensiones aún se mantienen.
Etiqueta MathML <mroot> Esta etiqueta se usa para mostrar el poder de la raíz como escudero raíz.
Etiqueta MathML <mrow> Esta etiqueta se usa para crear una fila que contiene alguna expresión matemática o cualquier texto aleatorio.
Etiqueta MathML <ms> Esta etiqueta se usa para representar una string que representará la expresión matemática mediante lenguajes de programación y sistemas de álgebra computacional.
Etiqueta MathML <mspace> Esta etiqueta se utiliza para imprimir espacios en blanco. El tamaño del espacio en blanco debe mencionarse en los atributos.
Etiqueta MathML <msqrt> Se utiliza para mostrar el escudero raíz del contenido del elemento.
Etiqueta MathML <estilo> Es una etiqueta incorporada en HTML5. Esta etiqueta se utiliza para cambiar los estilos de los elementos secundarios.
Etiqueta MathML <msub> Se utiliza para imprimir la potencia base en cualquier expresión.
Etiqueta MathML <msubsup> Se utiliza para imprimir potencia base y potencia sobre cualquier expresión.
Etiqueta MathML <msup> Se utiliza para imprimir potencia en cualquier expresión.
Etiqueta MathML <mtable> Esta etiqueta es similar a la etiqueta HTML <table> normal.
Etiqueta MathML <mtd> Esta etiqueta se usa para crear datos de tabla de una tabla o las arrays en HTML5
Etiqueta MathML <mtext> Esta etiqueta se utiliza para imprimir cualquier texto antes de cualquier expresión.
Etiqueta MathML <mtr> Esta etiqueta se usa para crear una fila de una tabla o las arrays en HTML5.
Etiqueta MathML <mth> Esta etiqueta se usa para crear el encabezado de una tabla o las arrays en HTML5.
Etiqueta MathML <munder> Esta etiqueta se usa adjuntando cualquier acento o límite debajo de la expresión.
Etiqueta MathML <munderover> Esta etiqueta se usa adjuntando cualquier acento o límite debajo de la expresión más sobre la expresión.
Etiqueta MathML <semántica> Esta etiqueta se utiliza para marcar las matemáticas. Hay dos formas posibles de marcar las matemáticas.

Navegadores compatibles: los navegadores compatibles con las etiquetas HTML5 MathML 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 *