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 sin 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 begynner med bokstaven 'm'.

Her er noen enkle eksempler.

Slik viser du Superscript & Subscript

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

$n^7$

Slik viser du fraksjoner

$\frac{7}{26}$

Slik viser du rotteheltall

Her er et enda enklere 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 tagger 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)=\&\; Integral;_{\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 de samme som HTML-er (som id ), har MathML også et sett med 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

Elements	Definisjon
$$	MathML-element på toppnivå
	Viser identifikatorer (variabler, konstanter, funksjonsnavn)
	Viser numerisk bokstavelig
	Viser operatør
	Viser streng bokstavelig
	Føyer et overskrift til en base
	Legger til et abonnement på en base
	Brukes til å vise fraksjoner
	Viser radikaler med indekser
	Viser kvadratroten
	Viser et bord eller en matrise
	Row of
	Kolonne i
	Gruppesubuttrykk
	Brukes til å legge til superskript, abonnement, presuperscript og presubscript

Perfeksjonister på jobb: 30 eksempler du trenger å se

Du har sikkert lest om den vitenskapelige grunnen til at vi ønsker å klemme eller klemme noe sinnsykt søtt eller bedårende - til døden. Tilstanden kalles søt aggresjon. Det er et svar som virket ekstremt, men er nødvendig for tankene å takle å se noe ekstremt søt, som en søt valp.Jeg tror at bortsett fra vår reaksjon mot cuteness, er vi tilbøyelige til å introdusere kaos til perfeksjon . Med andre or

(Tekniske og design tips)

20 Kule gaver Designere ville elske

Det er aldri en dårlig tid å gi deg selv eller dine webdesignere en godbit! Hvis du noen gang har lurt på hva du skal få den kreative personen som ser ut til å ha alt, vil dette utstillingsvinduet av 20 kule gaver til webdesigner i livet gi deg noen friske ideer. Prisene varierer fra $ 10 til $ 100, så alle skal finne noe for å passe sine anledninger (og lommene).Her fi

(Tekniske og design tips)