Введение в MathML - язык разметки для математики

MathML - это язык разметки, который можно использовать для отображать математические обозначения. Вы можете использовать теги MathML непосредственно из HTML5. Это полезно, когда вы хотите показать на своих веб-страницах не только простые обозначения математики, но и довольно просты в использовании благодаря простота и сходство с HTML.

MathML имеет два типа разметки; презентация (для макета) и содержание (для смысла). Поскольку браузерами поддерживается только разметка презентации, это единственный тип разметки, который можно использовать с HTML. Вы также можете использовать CSS и JavaScript так же, как в HTML.

Давайте посмотрим на MathML.

Понимание MathML

На веб-сайте Mozilla Developer представлен список существующих элементов MathML. Я также перечислил элементы, используемые в примерах, в конце этого поста для быстрого ознакомления..

Элементом верхнего уровня в MathML является $$ Когда вы пишете код MathML в HTML, не забудьте поместить их в $$ теги.

,,, являются основными элементами, представляющими идентификатор, оператор, число и строку соответственно. Обратите внимание, что все элементы MathML ниже начинаются с буквы «м».

Вот несколько простых примеров.

Как отобразить верхний индекс и нижний индекс

Элемент для отображения верхнего индекса. Там есть для подписчиков.

$N^7$ 

Как отображать дроби

$\frac{7}{26}$ 

Как отобразить корневые целые числа

Вот еще один простой пример для отображения корневых целых.

$\sqrt[5]{\mathrm{<mo>-</mo>678}}$ 

Только для квадратного корня, есть .

Теперь давайте перейдем к более сложным обозначениям, матрица.

Как отобразить матрицу

Для построения матрицы нам потребуется структура таблицы для строк и столбцов. Для этого мы используем , а также .

Кроме того, мы будем использовать теги для добавления операторов [ а также ] вокруг матрицы, и, наконец, положить их все в элемент, элемент, который группирует выражения.

Вот конечный результат:

$\left[\begin{array}{ccc}0& 4& 10\\ 5& 2& \mathrm{Икс}\\ 9& 11& 1\end{array}\right]$ 

Кроме того, давайте добавим немного CSS, чтобы выделить «X» в матрице.

ми цвет: красный;  

Как отобразить интегральные уравнения

Ниже приведен пример базового типа интегрального уравнения. используется для добавления ограничений к интегралу.

Как и HTML, в MathML также есть символы и сущности, одна из которых используется в примере для отображения греческого символа фи. Вот как отобразить интегральное уравнение выше:

$е\left(\mathrm{Икс}\right)знак\; равно\int _{}^{б}К(\mathrm{Икс},T)\phi \left(T\right)dT$ 

Чтобы просмотреть список символов MathML, нажмите здесь, чтобы найти их на веб-сайте W3C..

Атрибуты MathML

Помимо атрибутов, которые являются такими же, как HTML (например, Я бы), MathML также имеет набор собственных атрибутов. Сайт разработчика Mozilla содержит коллекцию атрибутов MathML для вашей справки. В качестве запасного варианта вы можете использовать библиотеку JavaScript MathJax. Если вам нужно больше инструментов, проверьте эту ссылку здесь.

Я воспользуюсь этим кодовым блоком, содержащим все приведенные выше примеры, для удобства.

Список ссылок на элементы MathML