Introduktion till MathML - Markup Language for Math

MathML är ett märkningsspråk som kan användas till visa matematiska noteringar. Du kan använda MathML-taggar direkt från HTML5. Det är användbart för när du vill visa mer än enkla noteringar av Math på dina webbsidor, och det är ganska enkelt att använda på grund av dess enkelhet och likhet med HTML.

MathML har två typer av markup; presentation (för layout) och innehåll (för mening). Eftersom endast presentationsmarkeringen stöds av webbläsare, är det den enda markuptypen som kan användas med HTML. Du kan också använda CSS och JavaScript på det som du skulle på HTML.

Låt oss ta en titt på MathML.

Förstå MathML

Det finns en lista över nuvarande MathML-element på Mozilla Developer-webbplatsen. Jag har också listat de element som används i exemplen i slutet av det här inlägget för snabb referens.

Toppnivåelementet i MathML är $$ element, När du skriver MathML-koden i HTML-koden, kom ihåg att sätta dem inuti $$ taggar.

,,, är de grundläggande elementen som representerar en identifierare, operatör, tal och sträng respektive. Observera att alla MathML-elementen nedan börjar med bokstaven "m".

Här är några enkla exempel.

Hur visas Superscript & Subscript

De Elementet är för att visa överskrift. Det är en för prenumerationer.

$n^7$ 

Hur man visar fraktioner

$\frac{7}{26}$ 

Så här visar du rotteintegreringar

Här är ett enklare exempel för att visa rotte heltal.

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

För bara kvadratroten finns det .

Låt oss nu gå vidare till mer komplexa noteringar, matrisen.

Så här visar du en matris

För att konstruera en matris behöver vi ha en tabellstruktur för rader och kolumner. För detta använder vi , och .

Utöver det använder vi taggar för att lägga till operatörerna [ och ] runt matrisen, och slutligen sätta dem alla inuti element, ett element som grupperar uttryck.

Här är slutresultatet:

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

Låt oss också kasta in lite CSS så att "X" sticker ut i matrisen.

mi färg: röd;  

Hur man visar integrerade ekvationer

Nedan är ett exempel på en grundläggande typ av integrerad ekvation. De används för att lägga till gränserna för integralet.

Liksom HTML har MathML också tecken och enheter, varav en används i exemplet för att visa den grekiska phi-symbolen. Så här visar du den integrerade ekvationen ovan:

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

För en lista över MathML-karaktärsenheter, klicka här för att hitta dem på W3C-webbplatsen.

MathML Attribut

Bortsett från attribut som är samma som HTML (som id), MathML har också en uppsättning egna attribut. Mozilla Developer-webbplatsen har en samling MathML-attribut för din referens. För fallbacks kan du använda JavaScript-biblioteket MathJax. Om du behöver fler verktyg, kolla här länken här.

Jag tar min ledighet med denna codepen som innehåller alla exemplen ovan, för din enkla referens.

Referenslista över MathML-element