Дроби в MathML

Дроби в математике — одна из форм представления чисел. Дробь состоит из двух основных элементов: числителя и знаменателя.

\frac{Числитель}{Знаменатель}

Числитель — это число, которое находится над чертой и показывает, сколько частей целого мы берём. Знаменатель — это число, которое находится под чертой и показывает, на сколько равных частей было разделено целое.

Для записи дробей в MathML применяется элемент <mfrac>, который содержит два дочерних элемента: числитель и знаменатель.

<mfrac>
  <mn>Числитель</mn>
  <mn>Знаменатель</mn>
<mfrac>

К примеру, для создания дроби 1/2 следует написать так:

<mfrac>
  <mn>1</mn>
  <mn>2</mn>
<mfrac>

В примере 1 показано использование дробей для отображения неравенства.

Пример 1. Использование <mfrac>

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>MathML</title> </head> <body> Решите неравенство: <math display="block"> <mi>cos</mi> <mi>x</mi> <mo>≤</mo> <mfrac> <mn>1</mn> <mn>3</mn> </mfrac> <mtext>.</mtext> </math> </body> </html>

Внутри <mfrac> допускается наличие только двух дочерних элементов, поэтому для сложных выражений требуется сгруппировать элементы с помощью <mrow>.

В примере 2 показано использование <mfrac> в сочетании с <mrow>.

Пример 2. Использование <mrow>

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>MathML</title> </head> <body> Сложение дробей: <math display="block"> <mfrac> <mi>a</mi> <mi>c</mi> </mfrac> <mo>+</mo> <mfrac> <mi>b</mi> <mi>c</mi> </mfrac> <mo>=</mo> <mfrac> <mrow> <mi>a</mi> <mo>+</mo> <mi>b</mi> </mrow> <mi>c</mi> </mfrac> </math> </body> </html>

Дроби и скобки

Браузеры, как правило, корректно масштабируют скобки в соответствии с размерами выражения. В частности, скобки, добавленные до и после <mfrac>, растягиваются вместе с дробью.

При этом браузер Firefox не всегда корректно растягивает скобки на высоту дроби. Если это происходит, то дробь вместе со скобками следует объединить в группу с помощью элемента <mrow>.

Толщина линии

Числитель и знаменатель в дроби отделяются друг от друга горизонтальной линией. Ширина и толщина этой линии определяется браузером самостоятельно, в зависимости от выражения и размера шрифта. При этом толщину линии можно задать самостоятельно с помощью атрибута linethickness элемента <mfrac>. В качестве значения можно применять пиксели (px) и другие единицы CSS. Вот, к примеру, как задать толщину линии в два пикселя.

<mfrac linethickness="2px">

Допустимо указывать нулевое значение, чтобы линия вообще не отображалась, как показано в примере 3.

Пример 3. Использование linethickness

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>MathML</title> </head> <body> <math display="block"> <mrow> <mo fence="true" form="prefix">(</mo> <mfrac linethickness="0"> <mi>n</mi> <mi>k</mi> </mfrac> <mo fence="true" form="postfix">)</mo> </mrow> </math> </body> </html>

Итоги

Для создания дробей в MathML применяется элемент <mfrac>.
<mfrac> должен содержать два дочерних элемента: числитель и знаменатель.
Если числитель или знаменатель содержит более одного элемента, их следует сгруппировать через элемент <mrow>.
Атрибут linethickness элемента <mfrac> задаёт толщину линии дроби.

Перейти к заданиям

Автор: Влад Мержевич

Последнее изменение: 14.04.2025