<math> es el elemento superior en MathML. Cada instancia válida de MathML debe estar rodeada de etiquetas <math>. Además, no debes anidar un segundo elemento <math> dentro de un primero, pero puedes tener un número arbitrario de otros elementos hijos en él.

Atributos

Además de los siguientes atributos, el elemento <math> acepta cualquier atributo del elemento <mstyle>.

class, id, style
Disponibles para el uso con hojas de estilo.
dir
La dirección general de las fórmulas. Sus valores posibles son ltr (izquierda a derecha) o bien rtl (derecha a izquierda).
href
Usado para definir un hipervínculo a un URI (Identificador de Recurso Unificado) especificado.
mathbackground
El color de fondo. Puedes usar #rgb, #rrggbb y palabras clave de colores.
mathcolor
El color de texto. Puedes usar #rgb, #rrggbb y palabras clave de colores.
display
Este atributo enumerado especifica de qué manera el marcado MathML debería ser renderizado. Puede tomar uno de los siguientes valores:
  • block, el cual indica que este elemento será incluido fuera del fragmento de texto actual , en forma de bloque individual que puede ser posicionado en cualquier sitio sin cambiar el significado del texto;
  • inline, el cual indica que este elemento será incluido en el fragmento de texto actual, y no puede ser sacado del mismo sin cambiar el significado del texto.

De no estar presente, toma inline por defecto.

mode
Deprecado a favor del atributo display.
Sus valores posibles son: display (que tiene el mismo efecto que display="block") e inline.
overflow
Especifica el comportamiento de una expresión si es demasiado larga para caber en el ancho asignado.
Sus valores posibles son: linebreak (por defecto), scroll, elide, truncate, scale.

Ejemplos

Theorem of Pythagoras

Notación HTML5

<!DOCTYPE html>
<html>
  <head>
    <title>MathML en HTML5</title>
  </head>
  <body>

  <math>
    <mrow>
      <mrow>
        <msup>
          <mi>a</mi>
          <mn>2</mn>
        </msup>
        <mo>+</mo>
        <msup>
          <mi>b</mi>
          <mn>2</mn>
        </msup>
      </mrow>
      <mo>=</mo>
      <msup>
        <mi>c</mi>
        <mn>2</mn>
      </msup>
    </mrow>
  </math>

  </body>
</html> 

Notación XHTML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>MathML en XHTML</title>
</head>
<body>

  <math xmlns="http://www.w3.org/1998/Math/MathML">
    <mrow>
      <mrow>
        <msup>
          <mi>a</mi>
          <mn>2</mn>
        </msup>
        <mo>+</mo>
        <msup>
          <mi>b</mi>
          <mn>2</mn>
        </msup>
      </mrow>
      <mo>=</mo>
      <msup>
        <mi>c</mi>
        <mn>2</mn>
      </msup>
    </mrow>
  </math>

</body>
</html>

Notas: Los documentos XHTML con MathML deben servirse como application/xhtml+xml. Puedes lograrlo facilmente añadiendo la extensión .xhtml a tus archivos locales. Para servidores Apache puedes configurar tu archivo .htaccess para direccionar extensiones al tipo Mime correcto. Ya que estás escribiendo tu MathML en un archivo XML, asegurate también de escribir un documento XML bien formado.

Especificaciones

Especificación Estado Comentario
MathML 3.0
La definición de 'The Top-Level math Element' en esta especificación.
Recommendation Especificación actual
MathML 2.0
La definición de 'The Top-Level math Element' en esta especificación.
Recommendation Especificación inicial

Compatibilidad de navegadores

 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Soporte básicoChrome Sin soporte 24 — 26Edge Sin soporte NoFirefox Soporte completo 4
Soporte completo 4
Soporte parcial 1
Notas
Notas Only supported in XHTML documents.
IE Sin soporte NoOpera Sin soporte 9.5 — 15
Notas
Sin soporte 9.5 — 15
Notas
Notas Only supported in XHTML documents.
Safari Soporte completo 5.1WebView Android Sin soporte NoChrome Android Sin soporte 25 — 26Edge Mobile Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte 9.5 — 14
Notas
Sin soporte 9.5 — 14
Notas
Notas Only supported in XHTML documents.
Safari iOS Soporte completo 5.1Samsung Internet Android ?
dirChrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 12IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoEdge Mobile Sin soporte NoFirefox Android Soporte completo 14Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android ?
displayChrome Sin soporte 24 — 26Edge Sin soporte NoFirefox Soporte completo 1IE Sin soporte NoOpera Sin soporte NoSafari Soporte completo 5.1WebView Android Sin soporte NoChrome Android Sin soporte 25 — 26Edge Mobile Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte NoSafari iOS Soporte completo 5.1Samsung Internet Android ?
hrefChrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 7IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte No
Notas
Sin soporte No
Notas
Notas See WebKit bug 85733
WebView Android Sin soporte NoChrome Android Sin soporte NoEdge Mobile Sin soporte NoFirefox Android Soporte completo 7Opera Android Sin soporte NoSafari iOS Sin soporte No
Notas
Sin soporte No
Notas
Notas See WebKit bug 85733
Samsung Internet Android ?
mathbackgroundChrome Sin soporte 24 — 26Edge Sin soporte NoFirefox Soporte completo 4IE Sin soporte NoOpera Sin soporte NoSafari Soporte completo 5.1WebView Android Sin soporte NoChrome Android Sin soporte 25 — 26Edge Mobile Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte NoSafari iOS Soporte completo 5.1Samsung Internet Android ?
mathcolorChrome Sin soporte 24 — 26Edge Sin soporte NoFirefox Soporte completo 4IE Sin soporte NoOpera Sin soporte NoSafari Soporte completo 5.1WebView Android Sin soporte NoChrome Android Sin soporte 25 — 26Edge Mobile Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte NoSafari iOS Soporte completo 5.1Samsung Internet Android ?
mode
Deprecated
Chrome Sin soporte 24 — 26Edge Sin soporte NoFirefox Soporte completo 1IE Sin soporte NoOpera Sin soporte NoSafari Soporte completo 5.1WebView Android Sin soporte NoChrome Android Sin soporte 25 — 26Edge Mobile Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte NoSafari iOS Soporte completo 5.1Samsung Internet Android ?
overflowChrome Sin soporte NoEdge Sin soporte NoFirefox Sin soporte NoIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoEdge Mobile Sin soporte NoFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibility unknown  
Compatibility unknown
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
Ver notas de implementación.
Ver notas de implementación.

 

Notas específicas a Firefox

Firefox 7 introdujo soporte para aceptar todos los atributos MathML en el elemento superior math (por ejemplo, el mismo comportamiento que el elemento <mstyle>). Sin embargo, el atributo displaystyle no fue tomado en cuenta y ha sido añadido en Firefox 8.

Texto de respaldo (alttext) o referir a una imagen alternativa usando los atributos altimg, altimg-width, altimg-height o altimg-valign no se encuentra actualmente implementado en Firefox.

Véase también

  • Elemento HTML superior: <html>
  • Elemento SVG superior: <svg>
  • Prueba MathML para navegadores: Para XHTML y HTML5

Etiquetas y colaboradores del documento

Colaboradores en esta página: Undigon
Última actualización por: Undigon,