{"id":1204,"date":"2024-09-06T00:00:00","date_gmt":"2024-09-05T22:00:00","guid":{"rendered":"https:\/\/programaraciegas.net\/?p=1204"},"modified":"2024-08-13T08:46:11","modified_gmt":"2024-08-13T06:46:11","slug":"escritura-basica-de-mathml-en-un-contenido-web","status":"publish","type":"post","link":"https:\/\/programaraciegas.net\/?p=1204","title":{"rendered":"Escritura b\u00e1sica de MathML en un contenido web"},"content":{"rendered":"

En un art\u00edculo anterior se describi\u00f3 El lenguaje de marcado MathML<\/a> (Mathematical Markup Language)<\/p>\n

\u00a0y sus posibles usos para\u00a0representar expresiones matem\u00e1ticas complejas de manera que sean comprensibles para los navegadores y accesibles para usuarios con discapacidades visuales mediante lectores de pantalla.<\/p>\n

Con la integraci\u00f3n de MathML en HTML5, es m\u00e1s sencillo incluir f\u00f3rmulas matem\u00e1ticas en p\u00e1ginas web sin necesidad de im\u00e1genes o scripts externos.<\/p>\n

En este art\u00edculo, exploraremos las etiquetas principales de MathML: <math>, <mrow>, <mn>, <mo>, y <mi>, y veremos ejemplos de c\u00f3mo se utilizan para estructurar contenido matem\u00e1tico.<\/p>\n

Etiqueta math<\/h2>\n

La etiqueta <math> es el contenedor ra\u00edz para cualquier expresi\u00f3n MathML. Todo el contenido matem\u00e1tico debe estar encapsulado dentro de esta etiqueta para que los navegadores lo reconozcan como tal.<\/p>\n

Ejemplo:<\/p>\n

\n
<math>
<!-- Contenido MathML aqu\u00ed -->
<\/math><\/p>\n<\/pre>\n
Etiqueta mn<\/h2>\n
La etiqueta <mn> se usa para representar n\u00fameros. Cada n\u00famero en una expresi\u00f3n debe estar envuelto en una etiqueta <mn>.<\/p>\n
Ejemplo:<\/p>\n
\n
<math>
<mn>3<\/mn>
<mo>+<\/mo>
<mn>4<\/mn>
<mo>=<\/mo>
<mn>7<\/mn>
<\/math><\/p>\n<\/pre>\n
Este c\u00f3digo se mostrar\u00eda de la siguiente forma:<\/p>\n
\n3<\/mn>\n+<\/mo>\n4<\/mn>\n=<\/mo>\n7<\/mn>\n<\/math><\/p>\n
Etiqueta mo<\/h2>\n
La etiqueta <mo> se utiliza para operadores. Esto incluye s\u00edmbolos como el signo m\u00e1s, menos, multiplicaci\u00f3n, divisi\u00f3n, par\u00e9ntesis, y otros operadores matem\u00e1ticos.<\/p>\n
Ejemplo:<\/p>\n
\n
<math>
<mn>50<\/mn>
<mo>-<\/mo>
<mn>8<\/mn>
<mo>=<\/mo>
<mn>42<\/mn>
<\/math><\/p>\n<\/pre>\n
Este ejemplo se visualiza de la siguiente forma:<\/p>\n
50<\/mn>–<\/mo>8<\/mn>=<\/mo>42<\/mn><\/math><\/p>\n
Etiqueta mrow<\/h2>\n
La etiqueta <mrow> se utiliza para agrupar elementos de manera secuencial. Es similar a un \u201ccontenedor\u201d que asegura que el contenido se trate como una sola unidad l\u00f3gica. Esto es especialmente \u00fatil cuando se necesita aplicar operadores a un grupo de elementos. Por ejemplo si se desean escribir varias l\u00edneas con operaciones matem\u00e1ticas:<\/p>\n
\n
<math>
<mrow>
<mi>x<\/mi>
<mo>+<\/mo>
<mi>y<\/mi>
<\/mrow><\/p>\n
<mrow><mi>p<\/mi>
<mo>+<\/mo>
<mi>q<\/mi>
<\/mrow>
<\/math><\/p>\n<\/pre>\n
Este c\u00f3digo se mostrar\u00eda de la siguiente forma:<\/p>\n
\nx<\/mi>+<\/mo>y<\/mi><\/mrow>\np<\/mi>+<\/mo>q<\/mi><\/mrow>\n<\/math><\/p>\n
En futuros art\u00edculos veremos construcciones m\u00e1s complejas utilizando MathML.<\/p>\n","protected":false},"excerpt":{"rendered":"
En un art\u00edculo anterior se describi\u00f3 El lenguaje de marcado MathML (Mathematical Markup Language) \u00a0y sus posibles usos para\u00a0representar expresiones matem\u00e1ticas complejas de manera que sean comprensibles para los navegadores y accesibles para usuarios con discapacidades visuales mediante lectores de pantalla. Con la integraci\u00f3n de MathML en HTML5, es m\u00e1s sencillo incluir f\u00f3rmulas matem\u00e1ticas en … <\/p>\n
Continuar leyendo \u00abEscritura b\u00e1sica de MathML en un contenido web\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[114,6],"tags":[333,491,489,94],"class_list":["post-1204","post","type-post","status-publish","format-standard","hentry","category-navegadores-web","category-programacion","tag-html","tag-matematicas","tag-mathml","tag-web"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1204"}],"version-history":[{"count":0,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1204\/revisions"}],"wp:attachment":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}