English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML5 Tutorial Básico

HTML5 API

HTML5 Mídia

HTML5 Gráficos

HTML5 MathML

HTML5 Você pode usar elementos MathML no documento, os marcadores correspondentes são <math>...</math>/math> . MathML é uma linguagem de marcação de matemática, é um padrão baseado em XML (subconjunto do padrão de marcação geral) usado para escrever símbolos e fórmulas matemáticos na Internet.

Atenção: A maioria dos navegadores suporta os marcadores MathML, se o seu navegador não suportar esses marcadores, você pode usar a versão mais recente do Firefox ou Safari para visualizar.

Exemplo de MathML

A seguir está um exemplo simples de MathML:

<!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>Base Tutorial Website(oldtoolbag.com)</title>
　　　</head>
　　　　
　　　<body>
　　　　
　　　　　　<math　xmlns="http://www.w3.org/1998/Math/MathML">
　　　　　　　　
　　　　　　　　　<mrow>
　　　　　　　　　　　　msup><mi>a</mi><mn>2</mn></msup>
　　　　　　　　　　　　<mo>+</mo>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　msup><mi>b</mi><mn>2</mn></msup>
　　　　　　　　　　　　<mo>=</mo>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　msup><mi>c</mi><mn>2</mn></msup>
　　　　　　　　　</mrow>
　　　　　　　　　　　　
　　　　　　</math>
　　　　　　　　
　　　</body>
</html>
Testar para Ver ‹/›

gráfico de resultado da execução, conforme mostrado a seguir:

O seguinte exemplo adiciona alguns operadores:

<!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>Base Tutorial Website(oldtoolbag.com)</title>
　　　</head>
　　　　
　　　<body>
　　　　
　　　　　　<math　xmlns="http://www.w3.org/1998/Math/MathML">
　　　　　　　　
　　　　　　　　　<mrow>　　　　　　　　　　　　
　　　　　　　　　　　　<mrow>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　msup>
　　　　　　　　　　　　　　　　　　<mi>x</mi>
　　　　　　　　　　　　　　　　　　<mn>2</mn>
　　　　　　　　　　　　　　　</msup>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mo>+</mo>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mrow>
　　　　　　　　　　　　　　　　　　<mn>4</mn>
　　　　　　　　　　　　　　　　　　<mo>⁢</mo>
　　　　　　　　　　　　　　　　　　<mi>x</mi>
　　　　　　　　　　　　　　　</mrow>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mo>+</mo>
　　　　　　　　　　　　　　　<mn>4</mn>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　</mrow>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　<mo>=</mo>
　　　　　　　　　　　　<mn>0</mn>
　　　　　　　　　　　　　　　　　
　　　　　　　　　</mrow>
　　　　　　</math>
　　　　　　　　
　　　</body>
</html>
Testar para Ver ‹/›

gráfico de resultado da execução, conforme mostrado a seguir:

O seguinte exemplo é um 2×2 Matriz:

<!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>Base Tutorial Website(oldtoolbag.com)</title>
　　　</head>
　　　　
　　　<body>
　　　　　　<math　xmlns="http://www.w3.org/1998/Math/MathML">
　　　　　　　　
　　　　　　　　　<mrow>
　　　　　　　　　　　　<mi>A</mi>
　　　　　　　　　　　　<mo>=</mo>
　　　　　　　　　　　　
　　　　　　　　　　　　<mfenced　open="["　close="]">
　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mtable>
　　　　　　　　　　　　　　　　　　<mtr>
　　　　　　　　　　　　　　　　　　　　　<mtd><mi>x</mi></mtd>
　　　　　　　　　　　　　　　　　　　　　<mtd><mi>y</mi></mtd>
　　　　　　　　　　　　　　　　　　</mtr>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　<mtr>
　　　　　　　　　　　　　　　　　　　　　<mtd><mi>z</mi></mtd>
　　　　　　　　　　　　　　　　　　　　　<mtd><mi>w</mi></mtd>
　　　　　　　　　　　　　　　　　　</mtr>
　　　　　　　　　　　　　　　</mtable>
　　　　　　　　　　　　　　　
　　　　　　　　　　　　</mfenced>
　　　　　　　　　</mrow>
　　　　　　</math>
　　　　　　
　　　</body>
</html>
Testar para Ver ‹/›

Imagem do resultado da execução, conforme mostrado abaixo, isso gerará o seguinte resultado. Se você não ver o resultado correto, use o FireFox 3.7 ou versão mais recente:

HTML5 Arrastar e SoltarHTML5 SVG Inline