Introducción a MathML - El lenguaje de marcado para matemáticas

MathML es un lenguaje de marcado que se puede usar para mostrar notaciones matemáticas . Puede 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). Dado que solo el marcado de presentación es compatible con navegadores, es el único tipo de marcado que se puede usar con HTML. También puede usar CSS y JavaScript como lo haría en HTML.

Echemos un vistazo a MathML.

Comprender MathML

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

El elemento de nivel superior en MathML es el $elemento,\; cuando\; escribe\; código\; MathML\; en\; el\; HTML,\; recuerde\; ponerlos\; dentro\; del$ etiquetas.$$

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

Aquí hay algunos ejemplos simples.

Cómo mostrar el superíndice y el subíndice

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

${\mathrm{norte}}^7$

Cómo mostrar fracciones

$\frac{7}{26}$

Cómo mostrar los enteros de raíz

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

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

Para solo raíz cuadrada, hay .

Ahora pasemos a las 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, usamos , y .

Aparte de eso, usaremos el etiquetas para agregar los operadores [ y ] alrededor de la matriz, y finalmente ponerlos dentro del elemento, un elemento que agrupa expresiones.

Aquí está el resultado final:

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

Además, agreguemos 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 usa para agregar los límites a la integral.

Al igual que HTML, MathML también tiene caracteres y entidades, uno de los cuales se usa en el ejemplo para mostrar el símbolo phi griego. A continuación, le mostramos cómo mostrar la ecuación integral anterior:

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

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

Atributos de MathML

Además de los atributos que son los mismos que los de HTML (como id ), 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 los retrocesos, puede usar la biblioteca de JavaScript MathJax. Si necesita más herramientas, consulte este enlace aquí.

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

Lista de referencias de elementos MathML

Elementos	Definición
$$	Elemento MathML de nivel superior
	Muestra identificadores (variables, constantes, nombres de funciones)
	Muestra un literal numérico
	Muestra al operador
	Muestra cadena literal
	Adjunta un superíndice a una base
	Adjunta un subíndice a una base
	Usado para mostrar fracciones
	Muestra radicales con índices
	Muestra la raíz cuadrada
	Muestra una tabla o matriz
	Fila de
	Columna en
	Sub expresiones de grupos
	Utilizado para agregar superíndice, subíndice, presupercript y presubscript

Cómo restaurar accesos directos de bibliotecas predeterminadas eliminadas en Windows 7 y 8 [Sugerencia rápida]

Si trabajas en Windows, deberías conocer la carpeta Bibliotecas. En las bibliotecas, todos los archivos en su computadora o discos duros externos se clasificarán automáticamente en Documentos, Música, Imagen y Videos. Estas bibliotecas son muy prácticas, especialmente cuando tienes muchos archivos en tus discos duros.Si p

(Consejos de tecnología y diseño)

20 hermosos diseños de tarjetas de embarque [Showcase]

Para una idea tan romántica como volar por el mundo, visitar lo desconocido, viajar por el mundo y mezclarse con extraños, parece que tenemos en nuestras manos la representación más aburrida de esa noción romántica : la tarjeta de embarque técnica, cuadrada y de aspecto liso.En estos documentos de viaje, el diseño es casi siempre una reflexión, más allá de las pilas de datos, los códigos de barras y el logotipo obligatorio de la línea aérea. Seamos reali

(Consejos de tecnología y diseño)