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

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

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Элементом верхнего уровня в MathML является

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

теги.

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

Вот несколько простых примеров.
Как отобразить верхний индекс и нижний индекс
Элемент для отображения верхнего индекса. Есть для подписчиков.


N
7

Пример элемента MathML msupКак отображать дроби


7
26

Пример элемента MathML mfracКак отобразить корневые целые числа
Вот еще один простой пример для отображения корневых целых чисел.


678
5

Пример mroot-элемента MathMLТолько для квадратного корня есть ,

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

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

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


[[


0
4
10


5
2
Икс


9
11
1


]

Кроме того, давайте добавим немного CSS, чтобы выделить «Х» в матрице.
ми {
    красный цвет;
}

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



е
(
Икс
)

знак равно


&Интеграл;

б


К
(
Икс
,
T
)


& Phi;
(
T
)

d
T


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

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

Увидеть перо Примеры MathML Прети (@rpsthecoder) на CodePen,
Список ссылок на элементы MathML
элементы
Определение

<

math>
Элемент верхнего уровня MathML

Отображает идентификаторы (переменные, константы, имена функций)

Отображает числовой литерал

Отображает оператор

Показывает строковый литерал

Прикрепляет верхний индекс к базе

Прикрепляет индекс к базе

Используется для отображения дробей

Отображает радикалы с индексами

Отображает квадратный корень

Отображает таблицу или матрицу

Ряд

Колонка в

Подвыражения групп

Используется для добавления верхнего индекса, нижнего индекса, предварительного кода и предварительного индекса

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *