La etiqueta MathML <math> en HTML5 es el elemento más prioritario. Cualquiera que sea el elemento MathML que desee usar, debe envolverse dentro de la etiqueta <math>.
Sintaxis:
<math> child elements </math>
Atributos: La etiqueta acepta algunos atributos que se enumeran a continuación:
- class|id|style: este atributo se utiliza para contener los estilos de los elementos secundarios.
- dir: este atributo contiene el valor de dirección. Contiene dos tipos de valores de dirección ltr de izquierda a derecha y rtl de derecha a izquierda.
- href: este atributo se utiliza para contener cualquier hipervínculo a una URL específica.
- fondo matemático: este atributo contiene el valor del color de fondo de las expresiones matemáticas.
- mathcolor: este atributo contiene el color de las expresiones matemáticas.
- visualización: este atributo contiene el valor de representación del elemento HTML. Puede haber dos bloques de valores, lo que significa que este elemento se mostrará fuera del tramo de texto actual, en línea , lo que significa que este elemento se mostrará dentro del tramo de texto actual.
- mode: expresa el atributo de visualización, los valores posibles son display e inline .
- overflow: Mantiene el valor de cómo se comportará la expresión. El valor predeterminado es el salto de línea y otros valores posibles son scroll, elide, truncate y scale .
El siguiente ejemplo ilustra la etiqueta MathML <math> en HTML5:
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title>HTML5 MathML math tag</title> </head> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <h3>HTML5 MathML <math> tag</h3> <math> <mrow> <mrow> <msup> <mi>x</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>y</mi> <mn>2</mn> </msup> </mrow> <mo>=</mo> <msup> <mi>z</mi> <mn>2</mn> </msup> </mrow> </math> </center> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con la etiqueta HTML5 MathML <math> se enumeran a continuación:
- Firefox
- Safari
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA