Hemsida » Kodning » Introduktion till MathML - Markup Language for Math

    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

      7 26   

    Så här visar du rotteintegreringar

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

      -678 5   

    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:

       [     0   4   10     5   2   X     9   11   1     ]    

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

    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

    element Definition
    MathML-element på högsta nivå
    Visar identifierare (variabler, konstanter, funktionsnamn)
    Visar numeriskt bokstavligt
    Visar operatör
    Visar sträng bokstavlig
    Anger en överskrift till en bas
    Anger ett prenumeration på en bas
    Används för att visa fraktioner
    Visar radikaler med index
    Visar kvadratroten
    Visar en tabell eller matris
    Röden av
    Kolumn i
    Grupper subuttryck
    Används för att lägga till superscript, subscript, presuperscript & presubscript