Introducción a MathML - The Markup Language for Math

MathML es un lenguaje de marcado que se puede utilizar para mostrar notaciones matemáticas. Puedes usar etiquetas MathML directamente desde HTML5. Es útil para cuando desea mostrar más que simples anotaciones de Matemáticas en sus páginas web, y es bastante fácil de usar debido a su Simplicidad y semejanza con HTML..

MathML tiene dos tipos de marcado; Presentación (para el diseño) y contenido (para el significado). Como los navegadores solo admiten el marcado de presentación, ese es el único tipo de marcado que se puede usar con HTML. También puedes usar CSS y JavaScript como lo harías en HTML.

Echemos un vistazo a MathML.

Entendiendo MathML

Hay una lista de los elementos MathML actuales en el sitio web del desarrollador de Mozilla. También he enumerado los elementos utilizados en los ejemplos al final de esta publicación para referencia rápida.

El elemento de nivel superior en MathML es el $$ Cuando escriba un código MathML en el código HTML, recuerde colocarlos dentro de $$ etiquetas.

,,, son los elementos básicos que representan un identificador, operador, número y cadena respectivamente. Tenga en cuenta que todos los elementos de MathML a continuación comienzan con la letra 'm'.

Aquí hay algunos ejemplos simples.

Cómo mostrar superíndice y subíndice

los El elemento es para mostrar superíndice. Hay un para subíndices.

${\mathrm{norte}}^7$ 

Cómo mostrar fracciones

$\frac{7}{26}$ 

Cómo mostrar enteros de raíz

Aquí hay un ejemplo más simple para mostrar enteros de raíz.

$\sqrt[5]{\mathrm{<mo>-</mo>678}}$ 

Por solo raíz cuadrada, hay .

Ahora vamos a pasar a notaciones más complejas, la matriz.

Cómo mostrar una matriz

Para construir una matriz, necesitaremos tener una estructura de tabla para filas y columnas. Para esto, utilizamos , y .

Aparte de eso, usaremos el Etiquetas para agregar los operadores. El y ] alrededor de la matriz, y finalmente ponerlos todos dentro de la Elemento, un elemento que agrupa expresiones..

Aquí está el resultado final:

$El\begin{array}{ccc}0& 4& 10\\ 5& 2& X\\ 9& 11& 1\end{array}]$ 

Además, incorporemos un poco de CSS para que esa 'X' se destaque en la matriz.

mi color: rojo;  

Cómo mostrar ecuaciones integrales

A continuación se muestra un ejemplo de un tipo básico de ecuación integral. los Se utiliza para sumar los límites a la integral..

Al igual que HTML, MathML también tiene caracteres y entidades, una de las cuales se usa en el ejemplo para mostrar el símbolo phi griego. Aquí es cómo mostrar la ecuación integral anterior:

$F\left(X\right)=\int _{\mathrm{una}}^{\mathrm{segundo}}K(X,t)\phi \left(t\right)\mathrm{re}t$ 

Para obtener una lista de las entidades de caracteres MathML, haga clic aquí para encontrarlas en el sitio web de W3C.

Atributos de MathML

Aparte de los atributos que son son los mismos que los de HTML (como carné de identidad), MathML también tiene un conjunto de sus propios atributos. El sitio del desarrollador de Mozilla tiene una colección de atributos MathML para su referencia. Para las alternativas, puede usar la biblioteca de JavaScript MathJax. Si necesitas más herramientas, revisa este enlace aquí..

Me dejo con este codepen que contiene todos los ejemplos anteriores, para su fácil referencia.

Lista de referencia de elementos MathML