<math>

Baseline 2023
Newly available

Since January 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Элементом верхнего уровня в MathML является тэг <math>, используемый для представления одной математической формулы. Он может находится в HTML-контенте, где разрешено потоковое содержимое.

Примечание: Посмотрите страницу «Разработка MathML» с советами по правильной интеграции MathML-формул на ваши веб-страницы и примеры использования MathML.

Атрибуты

Атрибуты этого элемента включают глобальные атрибуты MathML, а также следующий атрибут:

display

Этот перечислимый атрибут определяет, как должна отображаться разметка MathML. Он может иметь одно из следующих значений:

  • block означает, что элемент будет отображаться в собственном блоке за пределами текущего диапазона текста и со значением math-style установленным в normal.
  • inline означает, что элемент будет отображаться внутри текущего фрагмента текста и со значением math-style установленным в compact.

Если атрибут отсутствует, то значением по умолчанию является inline.

Примеры

Этот пример содержит две MathML-формулы. Первый отображается в отдельном центрированном блоке, занимающем столько места, сколько необходимо. Второй отображается внутри абзаца текста с уменьшенным размером и межстрочным интервалом, чтобы минимизировать его высоту.

html
<p>
  Бесконечная сумма
  <math display="block">
    <mrow>
      <munderover>
        <mo></mo>
        <mrow>
          <mi>n</mi>
          <mo>=</mo>
          <mn>1</mn>
        </mrow>
        <mrow>
          <mo>+</mo>
          <mn></mn>
        </mrow>
      </munderover>
      <mfrac>
        <mn>1</mn>
        <msup>
          <mi>n</mi>
          <mn>2</mn>
        </msup>
      </mfrac>
    </mrow>
  </math>
  равна действительному числу
  <math display="inline">
    <mfrac>
      <msup>
        <mi>π</mi>
        <mn>2</mn>
      </msup>
      <mn>6</mn>
    </mfrac></math
  >.
</p>

Спецификации

Specification
MathML Core
# the-top-level-math-element

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
math
display

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Has more compatibility info.

Смотрите также

  • HTML-элемент верхнего уровня: <html>
  • SVG-элемент верхнего уровня: <svg>