Introducción a MathML - El lenguaje de marcado para matemáticas
MathML es un lenguaje de marcado que se puede usar para mostrar notaciones matemáticas . Puede usar etiquetas MathML directamente desde HTML5. Es útil para cuando desea mostrar más que simples anotaciones de Matemáticas en sus páginas web, y es bastante fácil de usar debido a su simplicidad y semejanza con HTML .
MathML tiene dos tipos de marcado; presentación (para el diseño) y contenido (para el significado). Dado que solo el marcado de presentación es compatible con navegadores, es el único tipo de marcado que se puede usar con HTML. También puede usar CSS y JavaScript como lo haría en HTML.
Echemos un vistazo a MathML.
Comprender MathML
Hay una lista de elementos MathML presentes en el sitio web de Mozilla Developer. También he enumerado los elementos utilizados en los ejemplos al final de esta publicación para una referencia rápida.
El elemento de nivel superior en MathML es el
Aquí hay algunos ejemplos simples.
Cómo mostrar el superíndice y el subíndice
los
Cómo mostrar fraccionesnorte 7
Cómo mostrar los enteros de raíz7 26
Aquí hay un ejemplo más simple para mostrar enteros raíz.
Para solo raíz cuadrada, hay- 6785
Ahora pasemos a las notaciones más complejas, la matriz.
Cómo mostrar una matriz
Para construir una matriz, necesitaremos tener una estructura de tabla para filas y columnas. Para esto, usamos
Aparte de eso, usaremos el [
y ]
alrededor de la matriz, y finalmente ponerlos dentro del
Aquí está el resultado final:
[ 0 4 10 5 2 X 9 11 1 ]
Además, agreguemos un poco de CSS para que esa 'X' se destaque en la matriz.
mi {color: rojo; }Cómo mostrar ecuaciones integrales
A continuación se muestra un ejemplo de un tipo básico de ecuación integral. los
F ( X ) = ∫ un segundo K ( X , t ) φ ( t ) re t
Para obtener una lista de las entidades de caracteres de MathML, haga clic aquí para encontrarlas en el sitio web de W3C.
Atributos de MathML
Además de los atributos que son los mismos que los de HTML (como id
), MathML también tiene un conjunto de sus propios atributos. El sitio del Desarrollador de Mozilla tiene una colección de atributos MathML para su referencia. Para los retrocesos, puede usar la biblioteca de JavaScript MathJax. Si necesita más herramientas, consulte este enlace aquí.
Me voy con este codepen que contiene todos los ejemplos anteriores, para su fácil referencia.
Lista de referencias de elementos MathML
Elementos | Definición |
Elemento MathML de nivel superior | |
Muestra identificadores (variables, constantes, nombres de funciones) | |
Muestra un literal numérico | |
Muestra al operador | |
Muestra cadena literal | |
Adjunta un superíndice a una base | |
Adjunta un subíndice a una base | |
Usado para mostrar fracciones | |
Muestra radicales con índices | |
Muestra la raíz cuadrada | |
Muestra una tabla o matriz | |
Fila de | |
Columna en | |
Sub expresiones de grupos | |
Utilizado para agregar superíndice, subíndice, presupercript y presubscript |
20 increíbles accesorios para tu nueva MacBook
Estamos a menos de dos meses de Navidad y de la temporada de compras y para comenzar nuestras listas de compras anuales, aquí hay algunos accesorios de Macbook que puedes comprar para ti o para el fanático de Apple en tu familia.En esta colección, compartiré contigo 20 accesorios Macbook que pueden ayudar a mantener tu Macbook a salvo, con estilo y más organizado. Ver
15 consejos y trucos para sacar el máximo provecho de Android 7 Nougat
Android 7.0 (nombre de bacalao Nougat), lanzado oficialmente el 22 de agosto de 2016 para dispositivos Nexus y Pixel, se está desplegando lentamente para dispositivos móviles en todo el mundo.Mientras espera con impaciencia probar el último Android en su teléfono o tableta, le traemos una lista de consejos y trucos útiles para aprovechar al máximo las nuevas funciones y mejoras en Android Nougat.Despl