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.