En un artículo anterior se describió El lenguaje de marcado MathML (Mathematical Markup Language)
y sus posibles usos para representar expresiones matemáticas complejas de manera que sean comprensibles para los navegadores y accesibles para usuarios con discapacidades visuales mediante lectores de pantalla.
Con la integración de MathML en HTML5, es más sencillo incluir fórmulas matemáticas en páginas web sin necesidad de imágenes o scripts externos.
En este artículo, exploraremos las etiquetas principales de MathML: <math>, <mrow>, <mn>, <mo>, y <mi>, y veremos ejemplos de cómo se utilizan para estructurar contenido matemático.
Etiqueta math
La etiqueta <math> es el contenedor raíz para cualquier expresión MathML. Todo el contenido matemático debe estar encapsulado dentro de esta etiqueta para que los navegadores lo reconozcan como tal.
Ejemplo:
<math>
<!-- Contenido MathML aquí -->
</math>
Etiqueta mn
La etiqueta <mn> se usa para representar números. Cada número en una expresión debe estar envuelto en una etiqueta <mn>.
Ejemplo:
<math>
<mn>3</mn>
<mo>+</mo>
<mn>4</mn>
<mo>=</mo>
<mn>7</mn>
</math>
Este código se mostraría de la siguiente forma:
Etiqueta mo
La etiqueta <mo> se utiliza para operadores. Esto incluye símbolos como el signo más, menos, multiplicación, división, paréntesis, y otros operadores matemáticos.
Ejemplo:
<math>
<mn>50</mn>
<mo>-</mo>
<mn>8</mn>
<mo>=</mo>
<mn>42</mn>
</math>
Este ejemplo se visualiza de la siguiente forma:
Etiqueta mrow
La etiqueta <mrow> se utiliza para agrupar elementos de manera secuencial. Es similar a un “contenedor” que asegura que el contenido se trate como una sola unidad lógica. Esto es especialmente útil cuando se necesita aplicar operadores a un grupo de elementos. Por ejemplo si se desean escribir varias líneas con operaciones matemáticas:
<math>
<mrow>
<mi>x</mi>
<mo>+</mo>
<mi>y</mi>
</mrow><mrow><mi>p</mi>
<mo>+</mo>
<mi>q</mi>
</mrow>
</math>
Este código se mostraría de la siguiente forma:
En futuros artículos veremos construcciones más complejas utilizando MathML.