Introduktion til MathML - Markup Language for Math

MathML er et markupsprog, der kan bruges til vise matematiske notationer. Du kan bruge MathML-tags direkte fra HTML5. Det er nyttigt, når du vil vise mere end enkle notationer af Math på dine websider, og det er ret nemt at bruge på grund af dets enkelhed og lighed med HTML.

MathML har to typer markering; præsentation (til layout) og indhold (til mening). Da kun præsentationsmarkeringen understøttes af browsere, er det den eneste markuptype, der kan bruges med HTML. Du kan også bruge CSS og JavaScript på det ligesom du ville på HTML.

Lad os tage et kig på MathML.

Forstå MathML

Der er en liste over nuværende MathML-elementer på Mozilla Developer-webstedet. Jeg har også nævnt de elementer, der blev brugt i eksemplerne i slutningen af ​​dette indlæg til hurtigreference.

Det øverste niveau element i MathML er $$ element, Når du skriver MathML kode i HTML, husk at sætte dem inde i $$ tags.

,,, er de grundlæggende elementer, der repræsenterer en identifikator, operatør, nummer og streng henholdsvis. Bemærk, at alle MathML-elementerne nedenfor starter med bogstavet 'm'.

Her er nogle enkle eksempler.

Sådan viser du Superscript & Subscript

Det elementet er til visning af superskript. Der er en til abonnementer.

$n^7$ 

Sådan viser du fraktioner

$\frac{7}{26}$ 

Sådan viser du root-helheder

Her er et mere simpelt eksempel til visning af rod-heltal.

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

For kun kvadratroden er der .

Lad os nu gå videre til mere komplekse notationer, matrixen.

Sådan viser du en matrix

For at konstruere en matrix skal vi have en bordstruktur for rækker og søjler. Til dette bruger vi , og .

Bortset fra det bruger vi tags for at tilføje operatørerne [ og ] omkring matricen, og endelig sætte dem alle inde i element, et element der grupperer udtryk.

Her er slutresultatet:

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

Lad os også smide lidt af CSS for at få den 'X' til at skille sig ud i matrixen.

mi farve: rød;  

Sådan vises integrerede ligninger

Nedenfor er et eksempel på en grundlæggende type integreret ligning. Det bruges til at tilføje grænserne til integralet.

Ligesom HTML har MathML også tegn og enheder, hvoraf den ene bruges i eksemplet til at vise det græske phi-symbol. Sådan viser du den integrerede ligning ovenfor:

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

For en liste over MathML tegn enheder, klik her for at finde dem på W3C hjemmeside.

MathML Attributter

Bortset fra attributter, der er, er de samme som HTML's (som id), MathML har også et sæt af deres egne attributter. Mozilla Developer-webstedet har en samling MathML attributter til din reference. For fallbacks kan du bruge JavaScript-biblioteket MathJax. Hvis du har brug for flere værktøjer, så tjek dette link her.

Jeg tager min ferie med denne codepen, der indeholder alle eksemplerne ovenfor, til din nem henvisning.

Referenceliste over MathML Elements