no.hideout-lastation.com
Paradis For Designere Og Utviklere


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
 7  26 
Slik viser du rotteheltall

Her er et enda enklere eksempel for å vise rotte heltall.

 -  678  5 
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:

 [  0  4  10  5  2  X  9  11  1  ] 

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  (  x  )  =  & Integral;  en  b  K  (  x ,  t  )  φ  (  t  )  d  t 

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

ElementsDefinisjon
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

Cyman Mark 3 Assistant Dashboard - Din personlige virtuelle assistent for Chrome

Cyman Mark 3 Assistant Dashboard - Din personlige virtuelle assistent for Chrome

Hvis du har sett Iron Man-filmene, er du sikkert kjent med Tony Starks JARVIS-system, den digitale hjemmeassistenten han bygget for seg selv. I filmene vekker JARVIS Christine Everhart opp, hjelper Tony Stark med å utvikle sine Iron Man-drakter, engasjerer ham i samtaler og styrer nesten alt i livet sitt.

(Tekniske og design tips)

Intelligent design: 15 Sammenleggbare Gadgets og konsepter du bør se

Intelligent design: 15 Sammenleggbare Gadgets og konsepter du bør se

Alle synes å ha en smarttelefon eller nettbrett i sine hender i disse dager. Og hvorfor ikke? Det holder oss tilkoblet, du kan ta bilder med det, se på videoer på den. Det er som den perfekte følgesvenn, og den passer rett i lommene. Eller i det minste pleide det.Smarttelefoner blir større og tabletter har det bra, stoppet å krympe. De t

(Tekniske og design tips)