Inleiding tot MathML - De markup-taal voor wiskunde

MathML is een opmaaktaal die kan worden gebruikt wiskundige notaties weergeven. U kunt MathML-tags rechtstreeks vanuit HTML5 gebruiken. Het is handig als u meer dan eenvoudige notaties van wiskunde in uw webpagina's wilt laten zien, en het is vrij gemakkelijk te gebruiken vanwege zijn eenvoud en gelijkenis met HTML.

MathML heeft twee soorten markeringen; presentatie (voor layout) en inhoud (voor betekenis). Omdat alleen de presentatie-opmaak door browsers wordt ondersteund, is dat het enige opmaaktype dat met HTML kan worden gebruikt. U kunt er ook CSS en JavaScript op gebruiken, net als HTML.

Laten we naar MathML kijken.

MathML begrijpen

Er is een lijst met aanwezige MathML-elementen op de Mozilla-website voor ontwikkelaars. Ik heb ook de elementen vermeld die in de voorbeelden aan het einde van dit bericht worden gebruikt voor een snelle referentie.

Het element op het hoogste niveau in MathML is de $$ element, wanneer je MathML-code in de HTML schrijft, vergeet deze niet in de HTML-code te plaatsen $$ labels.

,,, zijn de basiselementen die respectievelijk een identifier, operator, nummer en string vertegenwoordigen. Merk op dat alle onderstaande MathML-elementen beginnen met de letter 'm'.

Hier zijn enkele eenvoudige voorbeelden.

Hoe Superscript & Subscript te tonen

De element is voor het weergeven van superscript. Er is een voor subscripts.

$n^7$ 

Breuken weergeven

$\frac{7}{26}$ 

Hoe Root Integers weergeven

Hier is nog een eenvoudig voorbeeld voor het weergeven van root-getallen.

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

Voor alleen vierkantswortel, dat is het .

Laten we nu verdergaan met meer complexe notaties, de matrix.

Hoe een matrix weer te geven

Om een ​​matrix te construeren, moeten we een tabelstructuur hebben voor rijen en kolommen. Hiervoor gebruiken we , en .

Afgezien daarvan gebruiken we de tags om de operators toe te voegen [ en ] rond de matrix en stop ze uiteindelijk allemaal in de element, een element dat expressies groepeert.

Dit is het eindresultaat:

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

Laten we ook een beetje CSS toevoegen om ervoor te zorgen dat die 'X' opvalt in de matrix.

mi kleur: rood;  

Integrale vergelijkingen weergeven

Hieronder staat een voorbeeld van een basistype integrale vergelijking. De wordt gebruikt om de limieten voor de integraal toe te voegen.

Net als HTML heeft MathML ook tekens en entiteiten, waarvan er één in het voorbeeld wordt gebruikt om het Griekse phi-symbool te tonen. U kunt als volgt de bovenstaande integrale vergelijking weergeven:

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

Voor een lijst met MathML-karakterentiteiten, klik hier om ze te vinden op de W3C-website.

MathML-kenmerken

Afgezien van attributen die hetzelfde zijn als HTML's (zoals ID kaart), Heeft MathML ook een reeks van hun eigen attributen. De Mozilla-website voor ontwikkelaars heeft een verzameling MathML-kenmerken voor uw referentie. Voor fallbacks kunt u de JavaScript-bibliotheek MathJax gebruiken. Als je meer tools nodig hebt, kijk dan hier.

Ik neem afscheid van deze codepen met alle bovenstaande voorbeelden, voor uw eenvoudige referentie.

Referentielijst van MathML-elementen