---
title: <math>
slug: Web/MathML/Element/math
translation_of: Web/MathML/Element/math
original_slug: Web/MathML/Elemento/math
---
<div>{{MathMLRef}}</div>
<p class="summary"><code><math></code> es el elemento superior en MathML. Cada instancia válida de MathML debe estar rodeada de etiquetas <code><math></code>. Además, no debes anidar un segundo elemento <code><math></code> dentro de un primero, pero puedes tener un número arbitrario de otros elementos hijos en él.</p>
<h2 id="Atributos">Atributos</h2>
<p>Además de los siguientes atributos, el elemento <code><math></code> acepta cualquier atributo del elemento {{ MathMLElement("mstyle") }}.</p>
<dl>
<dt id="attr-class-id-style">class, id, style</dt>
<dd>Disponibles para el uso con <a href="/es/docs/Web/CSS" lang="es" title="es/docs/Web/CSS">hojas de estilo</a>.</dd>
<dt id="attr-dir">dir</dt>
<dd>La dirección general de las fórmulas. Sus valores posibles son <code>ltr</code> (izquierda a derecha) o bien <code>rtl</code> (derecha a izquierda).</dd>
<dt id="attr-href">href</dt>
<dd>Usado para definir un hipervínculo a un URI (<strong>I</strong>dentificador de <strong>R</strong>ecurso <strong>U</strong>nificado) especificado.</dd>
<dt id="attr-mathbackground">mathbackground</dt>
<dd>El color de fondo. Puedes usar <code>#rgb</code>, <code>#rrggbb</code> y <a href="/es/docs/Web/CSS/color_value#Palabras_clave_de_colores" lang="es" title="/es/docs/Web/CSS/color_value">palabras clave de colores</a>.</dd>
<dt id="attr-mathcolor">mathcolor</dt>
<dd>El color de texto. Puedes usar <code>#rgb</code>, <code>#rrggbb</code> y <a href="/es/docs/Web/CSS/color_value#Palabras_clave_de_colores" lang="es" title="/es/docs/Web/CSS/color_value">palabras clave de colores</a>.</dd>
<dt id="attr-display">display</dt>
<dd>Este atributo enumerado especifica de qué manera el marcado MathML debería ser renderizado. Puede tomar uno de los siguientes valores:
<ul>
<li><code>block</code>, 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;</li>
<li><code>inline</code>, 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.</li>
</ul>
<p>De no estar presente, toma <code>inline</code> por defecto.</p>
</dd>
<dt id="attr-mode">mode {{deprecated_inline}}</dt>
<dd>Deprecado a favor del <a href="/es/docs/MathML/Element/math#attr-display" lang="es">atributo display</a>.<br>
Sus valores posibles son: <code>display</code> (que tiene el mismo efecto que <code>display="block"</code>) e <code>inline</code>.</dd>
<dt id="attr-overflow">overflow</dt>
<dd>Especifica el comportamiento de una expresión si es demasiado larga para caber en el ancho asignado.<br>
Sus valores posibles son: <code>linebreak</code> (por defecto), <code>scroll</code>, <code>elide</code>, <code>truncate</code>, <code>scale</code>.</dd>
</dl>
<h2 id="Ejemplos">Ejemplos</h2>
<p><img alt="Theorem of Pythagoras" src="/files/3157/math.jpg"></p>
<h3 id="Notación_HTML5">Notación HTML5</h3>
<pre class="brush: html"><!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>
</pre>
<h3 id="Notación_XHTML">Notación XHTML</h3>
<pre class="brush: xml"><?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></pre>
<p><strong>Notas</strong>: Los documentos XHTML con MathML deben servirse como <code>application/xhtml+xml</code>. Puedes lograrlo facilmente añadiendo la extensión <code>.xhtml</code> a tus archivos locales. Para servidores Apache puedes <a class="external" href="http://httpd.apache.org/docs/2.4/mod/mod_mime.html#addtype">configurar tu archivo <code>.htaccess</code></a> 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.</p>
<h2 id="Especificaciones">Especificaciones</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificación</th>
<th scope="col">Estado</th>
<th scope="col">Comentario</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}</td>
<td>{{ Spec2('MathML3') }}</td>
<td>Especificación actual</td>
</tr>
<tr>
<td>{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}</td>
<td>{{ Spec2('MathML2') }}</td>
<td>Especificación inicial</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
<p> </p>
<p>{{Compat("mathml.elements.math")}}</p>
<p> </p>
<h2 id="Notas_específicas_a_Firefox">Notas específicas a Firefox</h2>
<p>Firefox 7 introdujo soporte para aceptar todos los atributos MathML en el elemento superior <code>math</code> (por ejemplo, el mismo comportamiento que el elemento {{ MathMLElement("mstyle") }}). Sin embargo, el atributo <code>displaystyle</code> no fue tomado en cuenta y <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">ha sido añadido</a> en Firefox 8.</p>
<p>Texto de respaldo (<code>alttext</code>) o referir a una imagen alternativa usando los atributos <code>altimg</code>, <code>altimg-width</code>, <code>altimg-height</code> o <code>altimg-valign</code> no se encuentra actualmente implementado en Firefox.</p>
<h2 id="Véase_también">Véase también</h2>
<ul>
<li>Elemento <strong>HTML</strong> superior: {{ HTMLElement("html") }}</li>
<li>Elemento <strong>SVG</strong> superior: {{ SVGElement("svg") }}</li>
<li>Prueba MathML para navegadores: Para <a class="link-https" href="https://www.eyeasme.com/Joe/MathML/MathML_browser_test">XHTML</a> y <a class="link-https" href="https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test">HTML5</a></li>
</ul>