Html 5 Parte 3 – O que é MathML?

Saiba o que é o MathML, utilizada no Html5, como utilizar e quais as suas aplicações práticas.

MathML – Continuando a minha série de posts sobre as novidades do Html5 onde já abordei as principais novas APIs e algumas vantagens no seu uso, hoje quero falar um pouco sobre o MathML ou Linguagem de Marcação Matemática, que é utilizada na nova especificação do html.

O que é o MathML?

MathML, é uma linguagem de marcação de dados baseada em XML e recomendada no HTML5, utilizada para permitir que o navegador exiba equações matemáticas de forma adequada como o exemplo abaixo:

Em Mathml:

MathML Exemplo
MathML Exemplo

Porém apesar de ser bem utilizada nas novas implementações de Html5 e recomendade pelo W3C nas especificações a linguagem é bem antiga e teve  sua primeira especificação em 1999, hoje em sua especificação 3.0 faz parte do namespace do html5 o que significa que você pode utilizar suas tags em qualquer aplicação escrita em Html5 e se o browser tiver suporte para Html5 as equações serão exibidas corretamente.

Marcação do MathML

A marcação MathML é focada na exibição adequada de equações e conta com cerca de 30 elementos, todos eles iniciados pela letra m, como os exemplos abaixo:

  • <mi>x</mi> – identificadores;
  • <mo>+</mo> – operadores;
  • <mn>2</mn> – Numeros.
  • <mtext>non zero</mtext> – texto.
Apesar de pouco utilizada no dia a dia a linguagem pode ser bem útil no desenvolvimento de aplicações educacionais e de ensino a distância, mais informações sobre a definição da linguagem você pode obter no link: http://www.w3.org/TR/2010/REC-MathML3-20101021/

 

Na vídeo-aula abaixo você tem mais informações sobre a linguagem MathML

OK, mas onde criar o MathML?

Nesse momento você deve estar pensando, ok mas eu vou ter que criar o código na unha? É mais fácil desenhar no Photoshop e exportar um Jpg, calma… Existem editores específicos para criação de equações com a opção de exportar em MathML para que você possa simplesmente copiar em colar em seu site veja a lista abaixo:

É isso pessoal, aproveitem o fim de semana e até semana que vem com mais dicas de usabilidade aqui no blog!

Leave a Reply

Your email address will not be published. Required fields are marked *