Introduksjon til MathML - Markup Language for Math

MathML er et oppslagsspråk som kan brukes til vise matematiske notater. Du kan bruke MathML-koder direkte fra HTML5. Det er nyttig for når du ønsker å vise mer enn enkle notasjoner av Math på websidene dine, og det er ganske enkelt å bruke på grunn av dets enkelhet og likhet med HTML.

MathML har to typer markering; presentasjon (for layout) og innhold (for mening). Siden bare presentasjonsmarkeringen støttes av nettlesere, er det den eneste oppslagstypen som kan brukes med HTML. Du kan også bruke CSS og JavaScript på det akkurat som du ville på HTML.

La oss ta en titt på MathML.

Forstå MathML

Det er en liste over nåværende MathML-elementer på Mozilla Developer-nettstedet. Jeg har også oppført elementene som ble brukt i eksemplene på slutten av dette innlegget for rask referanse.

Toppnivåelementet i MathML er $$ element, Når du skriver MathML kode i HTML, husk å sette dem inn i $$ tags.

,,, er de grunnleggende elementene som representerer en identifikator, operatør, tall og streng henholdsvis. Merk at alle MathML-elementene nedenfor starter med bokstaven 'm'.

Her er noen enkle eksempler.

Slik viser du Superscript & Subscript

De Elementet er for å vise overskrift. Det er en for abonnementer.

$n^7$ 

Slik viser du fraksjoner

$\frac{7}{26}$ 

Slik viser du rotteheltall

Her er et mer enkelt eksempel for å vise rotte heltall.

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

For bare kvadratroten er det .

La oss nå gå videre til mer komplekse notasjoner, matrisen.

Slik viser du en matrise

For å konstruere en matrise må vi ha en tabellstruktur for rader og kolonner. For dette bruker vi , og .

Bortsett fra det, bruker vi koder for å legge til operatørene [ og ] rundt matrisen, og til slutt sette dem alle inne i element, et element som grupperer uttrykk.

Her er sluttresultatet:

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

La oss også kaste inn litt CSS for å gjøre at 'X' skiller seg ut i matrisen.

mi farge: rød;  

Hvordan vise integrerte ligninger

Nedenfor er et eksempel på en grunnleggende type integrert ligning. De brukes til å legge til grensene for integralet.

Som HTML har MathML også tegn og enheter, hvorav en er brukt i eksemplet for å vise det greske phi-symbolet. Slik viser du den integrerte ligningen ovenfor:

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

For en liste over MathML tegn enheter, klikk her for å finne dem på W3C nettsted.

MathML Attributter

Bortsett fra attributter som er, er de samme som HTML-er (som id), MathML har også et sett med sine egne attributter. Mozilla Developer-siden har en samling MathML-attributter for din referanse. For fallbacks kan du bruke JavaScript-biblioteket MathJax. Hvis du trenger flere verktøy, sjekk ut denne linken her.

Jeg tar min ferie med denne kodepenen som inneholder alle eksemplene ovenfor, for din enkle referanse.

Referanseliste over MathML Elements