Вступ до MathML - мова розмітки для математики

MathML - це мова розмітки, до якої можна користуватися відображення математичних позначень. Теги MathML можна використовувати безпосередньо з HTML5. Це корисно, коли ви хочете показати більше, ніж прості позначення математики у ваших веб-сторінках, і це досить легко використовувати через його простота і схожість з HTML.

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

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

Розуміння MathML

На сайті Mozilla Developer є список наявних елементів MathML. Я також перерахував елементи, використані в прикладах наприкінці цієї публікації, для швидкого посилання.

Елемент верхнього рівня в MathML - це $$ element, Коли ви пишете MathML код в HTML, не забудьте помістити їх всередину $$ теги.

,,, є основними елементами, що представляють ідентифікатор, оператор, номер і рядок відповідно. Зауважимо, що всі елементи MathML, розташовані нижче, починаються з букви "m".

Ось кілька простих прикладів.

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

The елемент для відображення верхнього індексу. Там є для індексів.

$n^7$ 

Як відображати фракції

$\frac{7}{26}$ 

Як відобразити кореневі цілі

Ось ще один простий приклад відображення цілих кореневих чисел.

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

Для тільки квадратного кореня, є .

Тепер перейдемо до більш складних позначень, матриці.

Як відобразити матрицю

Для побудови матриці нам потрібно мати структуру таблиці для рядків і стовпців. Для цього ми використовуємо , і .

Окрім цього, ми скористаємося для додавання операторів [ і ] навколо матриці, і, нарешті, помістити їх все всередину елемент, елемент, який групує вирази.

Ось кінцевий результат:

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

Крім того, давайте викинемо трохи CSS, щоб виділити "X" у матриці.

mi колір: червоний;  

Як відображати інтегральні рівняння

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

Як і HTML, MathML також містить символи та сутності, один з яких використовується у прикладі для відображення грецького символу phi. Ось як відображається вище інтегральне рівняння:

$f\left(x\right)=\int _a^{b}K(x,t)\phi \left(t\right)dt$ 

Для переліку сутностей символів MathML натисніть тут, щоб знайти їх на веб-сайті W3C.

Атрибути MathML

Окрім атрибутів, які є такими ж, як і HTML (подібно id), MathML також має набір власних атрибутів. Сайт розробника Mozilla містить колекцію атрибутів MathML для вашої довідки. Для зворотних зв'язків можна використовувати бібліотеку JavaScript MathJax. Якщо вам потрібні додаткові інструменти, перегляньте це посилання тут.

Я беру мою відпустку з цим codepen, що містить всі приклади вище, для зручності.

Довідковий список елементів MathML