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. 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: Aparência de frações 7 26 Isso nos dará o formulário: Surgimento de uma raiz inteira Aqui está outro exemplo simples de funções matemáticas. –678 5 Isso nos dará a forma : 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 : 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 é 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.