MathML (Mathematical Markup Language) es un estándar para representar notaciones matemáticas en páginas web. Es un lenguaje de marcado basado en XML diseñado para integrar expresiones matemáticas en HTML y otros lenguajes de marcado. A continuación se muestra un ejemplo de cómo utilizar MathML en un documento HTML5:
HTML <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MathML Example</title>
</head>
<body>
<h2>MathML Example</h2>
<!-- Example 1: Inline MathML -->
<p>Inline MathML: \(x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\)</p>
<math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
<mi>x</mi>
<mo>=</mo>
<mfrac linethickness="0">
<mrow>
<mo>-</mo>
<mi>b</mi>
<mo>±</mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>-</mo>
<mn>4ac</mn>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mi>a</mi>
</mrow>
</mfrac>
</math>
<!-- Example 2: Display MathML -->
<p>Display MathML:</p>
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
<msup>
<mi>e</mi>
<mi>x</mi>
</msup>
<mo>=</mo>
<mi>y</mi>
</math>
</body>
</html>
En este ejemplo:
Inline MathML se utiliza dentro de un párrafo para representar la fórmula cuadrática. El elemento <math>
con el atributo display="inline"
se utiliza para indicar contenido matemático en línea.
Display MathML se utiliza dentro de un párrafo para representar una ecuación exponencial. El elemento <math>
con el atributo display="block"
se utiliza para indicar contenido matemático de estilo de visualización.
Tenga en cuenta que la compatibilidad del navegador con MathML puede variar y es posible que algunos navegadores modernos no la admitan por completo. Como alternativa, podría considerar el uso de MathJax u otras bibliotecas de JavaScript que proporcionan representación de ecuaciones matemáticas en varios navegadores. MathJax, por ejemplo, le permite escribir ecuaciones en sintaxis LaTeX y representarlas usando MathML u otras tecnologías según la compatibilidad del navegador.