MathML – Descreva fórmulas matemáticas em HTML5

formulas-matematicas-html5-topo

MathML – Descreva fórmulas matemáticas em HTML5

MathML – Descreva fórmulas matemáticas em HTML5

O HTML5 agora possui o padrão MathML. Nada mais é que uma linguagem de marcação, assim como o HTML, para descrever ou representar fórmulas matemáticas. O link oficial de referência do MathML é http://www.w3.org/Math/ .

Sendo assim não é preciso mais usar imagens ou qualquer outra “recurso disponível cabível” para exibir fórmulas em uma página Web, basta escrever normalmente o código, iniciando com um elemento math. Veja o exemplo abaixo:

<math>
<mrow>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mo form="prefix">&minus;
</mo>
<mi>b</mi>
<mo>&PlusMinus;</mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>3</mn>
</msup>
<mo>&minus;</mo>
<mn>6</mn>
<mo>&InvisibleTimes;</mo>
<mi>a</mi>
<mo>&InvisibleTimes;</mo>
<mi>c</mi>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mo>&InvisibleTimes;</mo>
<mi>a</mi>
</mrow>
</mfrac>
</mrow>
</math>

Veja o MathML trabalhando.

MathML pode ser uma grande novidade para você, porém se análisar com cuidado o resultado visual obtido e comparar com o código MathML verá que é bem simples. Outra coisa que poderá assustar é o &InvisibleTimes;, que aparece algumas vezes. Isto serve para separar os fatores 6ac, neste exemplo. Todos sabem que quando não nada entre fatores é uma multiplicação, porém esse código pode ser lido por outras aplicações que podem até usar a fórmula para cálculo de fato, por isso se torna necessário.

Fonte: HTML5 Dev

Postagens Relacionadas