HTML5 MathMl

Before the release of HTML5, the use of formulas was a real punishment. Judge for yourself: in 2005, it was necessary to have on hand either a special browser, or break the text into the actual HTML and insert from images or PDF. Search and other editing and / or displaying / paper operations was an ambiguous task, which was devoted to whole monographs .



In 2012, it was already easier. Now you can connect the necessary plug-ins (Firemath for FireFox and Daum Equation Editor for Chrome). But the ambiguity of standards (and support) actually forced to write the same article for each of the browsers (and for their versions). Or meet users with a magic greeting “Your browser needs to be updated / supplemented with an extension”.



Uncomfortable? - Yes! Took a lot of time to find a universal solution? - Yes! Makes you think about which type of recording is better (presentation or content), which converter to use (and there are only a well-known from a dozen and a half)? - YES! YES! YES!

')

As a result, the publication work turned into mastering two or three markup lexicons and studying the work of at least one recoder program.



Now, with the advent of HTML5, everything has become much easier. A new <math> container has appeared in it.

Each valid MathML instance must be inside this container.

It does not allow attachments, but there can be an arbitrary number of other child elements inside.

Tag Attributes

In addition to the following attributes, the <math> accepts any attributes from <mstyle> .



class id style

Subject to use with style sheets .

dir

Indicates the direction of the formula: ltr - from left to right or rtl - from right to left.

ref

Used to set a hyperlink to the specified URI.

mathbackground

Background color. You can use #rgb , #rrggbb and HTML color names .

mathcolor

Text color. You can use #rgb , #rrggbb and HTML color names .

display

This attribute defines the output method. Possible values:

• block - means that this element will be displayed outside the current text range, as a block that can be located anywhere without changing the meaning of the text;
• inline means that this element will be displayed within the current text range, and cannot be moved from it without changing the value of this text.

The default is inline .



mode <span title = "This deprecated API is no longer used, but it probably still works."





Outdated display attribute value.

Possible values ​​are display (which has the same effect as display="block" ) and inline .

overflow

Determines how the expression behaves if the text is too long and does not fit in the specified width range.

Possible values: linebreak (default), scroll , elide , truncate , scale .

















I hope the development of this necessary and useful tag will continue.

see also

Browser test for MathML support: here or here