{"id":1205,"date":"2024-09-13T00:00:00","date_gmt":"2024-09-12T22:00:00","guid":{"rendered":"https:\/\/programaraciegas.net\/?p=1205"},"modified":"2024-08-24T07:54:09","modified_gmt":"2024-08-24T05:54:09","slug":"operaciones-aritmeticas-basicas-en-mathml","status":"publish","type":"post","link":"https:\/\/programaraciegas.net\/?p=1205","title":{"rendered":"Operaciones aritm\u00e9ticas b\u00e1sicas en MathML"},"content":{"rendered":"<p>En art\u00edculos anteriores hemos visto <a href=\"https:\/\/programaraciegas.net\/?p=1201\">qu\u00e9 es MathML<\/a> y <a href=\"https:\/\/programaraciegas.net\/?p=1204\">c\u00f3mo se escribe una operaci\u00f3n matem\u00e1tica con MathML<\/a> para la Web. Con esa informaci\u00f3n podemos crear contenidos de aritm\u00e9tica b\u00e1sica de forma accesible y legible para todas las personas.<\/p>\n<h2>Aritm\u00e9tica b\u00e1sica con MathML<\/h2>\n<p>La aritm\u00e9tica puede definirse como la ciencia de los n\u00fameros y las operaciones b\u00e1sicas que podemos realizar con ellos. Estas operaciones permiten realizar c\u00e1lculos para resolver problemas relacionados con la cantidad, el tama\u00f1o, la distancia, entre otros. En t\u00e9rminos simples, la aritm\u00e9tica es el lenguaje universal que usamos para entender y manejar n\u00fameros en nuestra vida diaria.<\/p>\n<p>La aritm\u00e9tica se fundamenta en cuatro operaciones b\u00e1sicas: suma, resta, multiplicaci\u00f3n y divisi\u00f3n. Cada una de estas operaciones tiene su propia funci\u00f3n y se aplica en diferentes contextos, pero todas est\u00e1n interrelacionadas entre s\u00ed.<\/p>\n<p>A la hora de utilizar la etiqueta &lt;mo&gt; de MathML es sencillo incluir algunas de estas operaciones b\u00e1sicas de la aritm\u00e9tica como la suma y la resta ya que sus s\u00edmbolos matem\u00e1ticos est\u00e1n dentro del conjunto de caracteres comunes de escritura de textos. Pero otras operaciones aritm\u00e9ticas como la multiplicaci\u00f3n y la divisi\u00f3n utilizan s\u00edmbolos que no son de uso com\u00fan a la hora de escribir textos. Por esta raz\u00f3n es necesario utilizar caracteres HTML especiales para reflejar estas operaciones.<\/p>\n<p>Por ejemplo, para representar la operaci\u00f3n de multiplicaci\u00f3n se utiliza el s\u00edmbolo \u00d7 que en HTML se representa como <strong>&amp;times;<\/strong> y el s\u00edmbolo para la divisi\u00f3n es \u00f7 y en HTML se representa como <strong>&amp;divide;<\/strong>.<\/p>\n<p>Veamos a continuaci\u00f3n los distintos s\u00edmbolos para las operaciones aritm\u00e9ticas b\u00e1sicas escritos dentro de un bloque MathML:<\/p>\n<pre>&lt;math&gt;<br \/><br \/>&lt;mrow&gt;&lt;mn&gt;1&lt;\/mn&gt; &lt;mo&gt;+&lt;\/mo&gt; &lt;mn&gt;1&lt;\/mn&gt; &lt;mo&gt;=&lt;\/mo&gt; &lt;mn&gt;2&lt;\/mn&gt;&lt;\/mrow&gt;<br \/><br \/>&lt;mrow&gt;&lt;mn&gt;1&lt;\/mn&gt; &lt;mo&gt;-&lt;\/mo&gt; &lt;mn&gt;1&lt;\/mn&gt; &lt;mo&gt;=&lt;\/mo&gt; &lt;mn&gt;0&lt;\/mn&gt;&lt;\/mrow&gt;<br \/><br \/>&lt;mrow&gt;&lt;mn&gt;2&lt;\/mn&gt; &lt;mo&gt;&amp;times;&lt;\/mo&gt; &lt;mn&gt;3&lt;\/mn&gt; &lt;mo&gt;=&lt;\/mo&gt; &lt;mn&gt;6&lt;\/mn&gt;&lt;\/mrow&gt;<br \/><br \/>&lt;mrow&gt;&lt;mn&gt;6&lt;\/mn&gt; &lt;mo&gt;&amp;divide;&lt;\/mo&gt; &lt;mn&gt;3&lt;\/mn&gt; &lt;mo&gt;=&lt;\/mo&gt; &lt;mn&gt;2&lt;\/mn&gt;&lt;\/mrow&gt;<br \/><br \/>&lt;\/math&gt;\u00a0<\/pre>\n<p>En el navegador este c\u00f3digo MathML se visualizar\u00eda de esta manera:<\/p>\n<p>\u00a0<br \/>\n<math>\n<mrow><mn>1<\/mn> <mo>+<\/mo> <mn>1<\/mn> <mo>=<\/mo> <mn>2<\/mn><\/mrow>\n<mrow><mn>1<\/mn> <mo>&#8211;<\/mo> <mn>1<\/mn> <mo>=<\/mo> <mn>0<\/mn><\/mrow>\n<mrow><mn>2<\/mn> <mo>&times;<\/mo> <mn>3<\/mn> <mo>=<\/mo> <mn>6<\/mn><\/mrow>\n<mrow><mn>6<\/mn> <mo>&divide;<\/mo> <mn>3<\/mn> <mo>=<\/mo> <mn>2<\/mn><\/mrow>\n<\/math>\n<\/p>\n<p>Con esto ya podemos representar la aritm\u00e9tica b\u00e1sica en un contenido Web de forma accesible. En futuros art\u00edculos veremos operaciones m\u00e1s complejas gracias a MathML.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En art\u00edculos anteriores hemos visto qu\u00e9 es MathML y c\u00f3mo se escribe una operaci\u00f3n matem\u00e1tica con MathML para la Web. Con esa informaci\u00f3n podemos crear contenidos de aritm\u00e9tica b\u00e1sica de forma accesible y legible para todas las personas. Aritm\u00e9tica b\u00e1sica con MathML La aritm\u00e9tica puede definirse como la ciencia de los n\u00fameros y las operaciones &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/programaraciegas.net\/?p=1205\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abOperaciones aritm\u00e9ticas b\u00e1sicas en MathML\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":[489],"class_list":["post-1205","post","type-post","status-publish","format-standard","hentry","category-navegadores-web","category-programacion","tag-mathml"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1205","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=1205"}],"version-history":[{"count":0,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1205\/revisions"}],"wp:attachment":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}