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

Основной учебник HTML5

API HTML5

Медиа HTML5

Графика HTML5

MathML в HTML5

HTML5 может использовать элементы MathML в документе, соответствующий тег <math>...</math> . MathML - это языковой стандарт для записи математических символов и формул на основе XML (подмножество общего стандартного языка маркеров), используемый для написания математических символов и формул в Интернете.

Обратите внимание: большинство браузеров поддерживают теги MathML, если ваш браузер не поддерживает эти теги, вы можете использовать последнюю версию Firefox или Safari для просмотра.

Пример MathML

Вот простой пример MathML:

<!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>Базовый учебник сети (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>
Проверьте, посмотрите ‹/›

Результат выполнения, как показано на рисунке ниже:

Ниже приведен пример с добавленными операторами:

<!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>Базовый учебник сети (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>
Проверьте, посмотрите ‹/›

Результат выполнения, как показано на рисунке ниже:

Ниже приведен пример 2x2-матрицы:

<!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>Базовый учебник сети (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>
Проверьте, посмотрите ‹/›

Результат выполнения, как показано на рисунке ниже, это будет генерировать следующий результат. Если вы не видите правильный результат, пожалуйста, используйте Firefox 3.7 или более новую версию:

Перетаскивание в HTML5Внутренний SVG в HTML5