Wprowadzenie do MathML - Język znaczników dla matematyki

MathML to język znaczników, do którego można się przyzwyczaić wyświetlać notacje matematyczne. Możesz używać tagów MathML bezpośrednio z HTML5. Jest to przydatne, gdy chcesz pokazać więcej niż proste zapisy matematyczne na swoich stronach internetowych, a jest to dość łatwe w użyciu ze względu na prostota i podobieństwo do HTML.

MathML ma dwa typy znaczników; prezentacja (dla układu) i treści (dla znaczenia). Ponieważ przeglądarki obsługują tylko znaczniki prezentacji, jest to jedyny typ znaczników, który można wykorzystać w HTML. Możesz także używać CSS i JavaScript, tak jak w HTML.

Przyjrzyjmy się MathML.

Zrozumienie MathML

Na stronie Mozilla Developer znajduje się lista obecnych elementów MathML. Wymieniłem również elementy użyte w przykładach na końcu tego postu, aby uzyskać szybki przegląd.

Elementem najwyższego poziomu w MathML jest $$ element, Kiedy piszesz kod MathML w HTML, pamiętaj, aby umieścić go wewnątrz $$ tagi.

,,, są podstawowymi elementami reprezentującymi odpowiednio identyfikator, operatora, liczbę i łańcuch. Zauważ, że wszystkie poniższe elementy MathML zaczynają się od litery „m”.

Oto kilka prostych przykładów.

Jak wyświetlić indeks górny i indeks dolny

The element służy do wyświetlania indeksu górnego. Jest dla indeksów dolnych.

$n^7$ 

Jak wyświetlać ułamki

$\frac{7}{26}$ 

Jak wyświetlić liczby całkowite

Oto jeden prosty przykład wyświetlania liczb całkowitych roota.

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

Dla pierwiastka kwadratowego jest .

Przejdźmy teraz do bardziej złożonych notacji, macierzy.

Jak wyświetlić macierz

Aby skonstruować macierz, musimy mieć strukturę tabeli dla wierszy i kolumn. W tym celu używamy , i .

Poza tym użyjemy tagi, aby dodać operatorów [ i ] wokół matrycy i wreszcie umieść je w środku element, element grupujący wyrażenia.

Oto wynik końcowy:

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

Wrzućmy też trochę CSS, aby ten „X” wyróżniał się w macierzy.

mi color: red;  

Jak wyświetlić równania całkowe

Poniżej znajduje się przykład podstawowego typu równania całkowego. The służy do dodawania granic integralności.

Podobnie jak HTML, MathML ma także znaki i elementy, z których jeden jest używany w przykładzie, aby pokazać grecki symbol phi. Oto jak wyświetlić równanie całkowe powyżej:

$\mathrm{fa}\left(x\right)=\int _{\mathrm{za}}^{b}K(x,t)\phi \left(t\right)\mathrm{re}t$ 

Aby uzyskać listę elementów znaków MathML, kliknij tutaj, aby znaleźć je na stronie W3C.

Atrybuty MathML

Oprócz atrybutów, które są takie same jak HTML (jak ID), MathML ma także zestaw własnych atrybutów. Witryna programisty Mozilli zawiera kolekcję atrybutów MathML. W przypadku błędów można użyć biblioteki JavaScript MathJax. Jeśli potrzebujesz więcej narzędzi, sprawdź ten link tutaj.

Odchodzę z tym kodem zawierającym wszystkie powyższe przykłady, dla łatwego odniesienia.

Lista referencyjna elementów MathML