Aprenda a linguagem MathML

MathML Ă© uma linguagem de marcação que pode ser usada para exibir representaçÔes matemĂĄticas em suas pĂĄginas da web. É especialmente Ăștil quando vocĂȘ deseja mostrar mais de um simbolismo simples da MatemĂĄtica em seus sites e Ă© muito fĂĄcil de usar devido Ă  sua simplicidade e semelhança com o HTML.

logotipo mathml

O MathML possui dois tipos de rotulagem, apresentação (para layout) e conteĂșdo (para significado). Como os navegadores oferecem suporte apenas Ă  apresentação, esse Ă© o Ășnico tipo de marcação que pode ser usado com HTML. VocĂȘ tambĂ©m pode usar MathML em CSS e JavaScript, assim como faria em HTML.

Compreendendo o MathML

HĂĄ uma lista de comandos MathML no site Mozilla Developer. VocĂȘ tambĂ©m encontrarĂĄ uma lista de comandos no final deste artigo.

O comando båsico com o qual seu navegador entende que a programação do MathML estå iniciando é

. EntĂŁo, quando vocĂȘ escreve cĂłdigo MathML em HTML, lembre-se de colocĂĄ-lo dentro

etiquetas.

Os comandos bĂĄsicos sĂŁo: ,,, e representam um identificador, operador, nĂșmero e uma string, respectivamente. Observe que todos os comandos MathML abaixo começam com a letra “m”.

Mas vamos dar uma olhada em alguns exemplos simples.

NĂșmero da Exposição (ou nĂșmero em vigor N)

O comando correspondente para a exibição do expoente é . H é o correspondente para o índice.


n
7

Isso nos darĂĄ o formulĂĄrio:

1

AparĂȘncia de fraçÔes


7
26

Isso nos darĂĄ o formulĂĄrio:

ex2

Surgimento de uma raiz inteira

Aqui estå outro exemplo simples de funçÔes matemåticas.


678
5

Isso nos darĂĄ a forma

: ex3

Apenas para raiz quadrada, existe o comando pronto .

Modo de exibição de matriz

Agora, vamos passar para representaçÔes mais complexas, vamos mostrar uma matriz.Para criar uma tabela, precisamos ter uma estrutura de tabela para linhas e colunas. Para esse fim, usamos os comandos , e .

AlĂ©m disso, usaremos a tag adicionar sĂ­mbolos [ ÎșαÎč ] ao redor do Ăștero, e finalmente colocamos tudo no comando .

Aqui estĂĄ o resultado final:


[[


0 0
4
10


5
2
X


9
11
1


]

AlĂ©m disso, veja que brincamos um pouco com CSS para que possamos fazer o “X” vermelho se destacar no Ăștero.

mi {cor: vermelho; }

No final, vocĂȘ receberĂĄ o formulĂĄrio

:  ex4

Como exibir equaçÔes

Pensamos que podemos dar um passo adiante, em exemplos mais avançados, entĂŁo vamos fazer uma equação complexa. Em nosso exemplo, faremos um completo (aqueles que nĂŁo sabem o que Ă© um completo, espere atĂ© o 3Âș Liceu). O comando correspondente aqui Ă©  ex5

Como no HTML, o MatML também possui caracteres e símbolos especiais, um dos quais é usado no exemplo para mostrar o símbolo grego F. Aqui estå o código para exibir a integral acima:



f
(
x
)

=


E
uma
b


K
(
x
,
t
)


Phi
(
t
)

d
t


Para obter uma lista de sĂ­mbolos e caracteres especiais do MathML, vocĂȘ pode encontrar no site do W3C.

Recursos do MathML

AlĂ©m dos mesmos recursos que o HTML (como o id), o MathML tambĂ©m possui vĂĄrios recursos prĂłprios. O site do desenvolvedor Mozilla possui uma coleção de recursos do MathML. Para obter mais informaçÔes, vocĂȘ pode usar a biblioteca JavaScript MavaJax. Se vocĂȘ precisar de mais ferramentas, confira este link aqui.

Todos os exemplos acima podem ser vistos novamente reunidos abaixo. Experimente opçÔes de HTML, CSS e resultado:

Veja os exemplos de caneta MathML da Preethi (prpsthecoder) no CodePen.