Introducere în MathML - Limba de marcare pentru matematică

MathML este un limbaj de markup care poate fi folosit afișați notații matematice. Puteți utiliza etichetele MathML direct din HTML5. Este util atunci când doriți să prezentați mai mult decât simple notații de matematică în paginile dvs. web și este destul de ușor de utilizat datorită simplitate și asemănare cu HTML.

MathML are două tipuri de marcare; prezentare (pentru aspect) și conținut (pentru înțeles). Deoarece numai marcajul de prezentare este acceptat de browsere, acesta este singurul tip de markup care poate fi folosit cu HTML. De asemenea, puteți utiliza CSS și JavaScript pe el, la fel ca pe HTML.

Să aruncăm o privire la MathML.

Înțelegerea MathML

Există o listă de elemente MathML prezente în site-ul Mozilla Developer. De asemenea, am enumerat elementele utilizate în exemple la sfârșitul acestui post pentru referință rapidă.

Elementul de nivel superior din MathML este $$ element, atunci când scrieți codul MathML în HTML, amintiți-vă să le puneți în interiorul $$ Etichete.

,,, sunt elementele de bază reprezentând un identificator, un operator, un număr și un șir. Rețineți că toate elementele MathML de mai jos încep cu litera "m".

Iată câteva exemple simple.

Cum se afișează Superscript & Subscript

element este pentru afișarea superscript. Există un pentru indici.

$n^7$ 

Cum se afișează fracțiunile

$\frac{7}{26}$ 

Cum se afișează întregi rădăcini

Iată un exemplu mai simplu pentru afișarea numerelor întregi de root.

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

Pentru rădăcină pătrată, există .

Acum, să trecem la notații mai complexe, matricea.

Cum se afișează o matrice

Pentru a construi o matrice, va trebui să avem o structură de tabelă pentru rânduri și coloane. Pentru aceasta, folosim , și .

În afară de asta, vom folosi pentru a adăuga operatorii [ și ] în jurul matricei și, în final, puneți-le pe toate în interiorul element, un element care grupează expresii.

Iată rezultatul final:

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

De asemenea, hai să aruncăm un pic de CSS pentru a face ca "X" să iasă în matrice.

mi culoare: roșu;  

Cum se afișează ecuațiile integrate

Mai jos este un exemplu de tip de bază al ecuației integrale. este folosit pentru a adăuga limitele la integrale.

Ca și HTML, MathML are și caractere și entități, dintre care unul este folosit în exemplul respectiv pentru a arăta simbolul phi grecesc. Iată cum să afișați ecuația integrală de mai sus:

$f\left(X\right)=\int _A^{b}K(X,T)\phi \left(T\right)dT$ 

Pentru o listă a entităților de caractere MathML, faceți clic aici pentru a le găsi pe site-ul W3C.

Atributele MathML

În afară de atributele care sunt aceleași ca HTML (cum ar fi id), MathML are, de asemenea, un set de propriile atribute. Site-ul Mozilla Developer are o colecție de atribute MathML pentru referință. Pentru rezervari, puteti folosi biblioteca JavaScript MathJax. Dacă aveți nevoie de mai multe instrumente, consultați acest link aici.

Îmi iau concediul cu acest cod care conține toate exemplele de mai sus, pentru o referință ușoară.

Listă de referințe pentru elementele MathML