<math>

MathML используются для разметки математических данных внутри документа HTML с помощью тегов <math>...</math>.

Примеры MathML

Документ с разметкой MathML HTML5.

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Теорема Пифагора</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>

Результат.

a2+b2=c2

Использование персонажей MathML

Рассмотрим следующею разметку, которая позволяет использовать символы и Invisible.

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>MathML</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>

Результат.
x2 + 4x + 4 = 0

Пример матрицы

Рассмотрим следующий пример, который будет использоваться для представления простой 2×2 матрицы:

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>MathML</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>

Результат.

MathML
Матрица MathML

Поддержка

Таблица поддержки браузерами: “<math>”

автор
htmlhook.ru | Скрипты для веб-приложений