Einführung in MathML - Die Auszeichnungssprache für Mathematik
MathML ist eine Auszeichnungssprache, mit der mathematische Notationen angezeigt werden können . Sie können MathML-Tags direkt aus HTML5 verwenden. Es ist nützlich, wenn Sie mehr als einfache Notationen von Math in Ihren Webseiten zeigen möchten, und es ist aufgrund seiner Einfachheit und Ähnlichkeit mit HTML sehr einfach zu verwenden.
MathML hat zwei Arten von Markups. Präsentation (für Layout) und Inhalt (für Bedeutung). Da nur das Präsentations-Markup von Browsern unterstützt wird, ist dies der einzige Markup-Typ, der mit HTML verwendet werden kann. Sie können auch CSS und JavaScript verwenden, genauso wie Sie es bei HTML tun würden.
Werfen wir einen Blick auf MathML.
MathML verstehen
Auf der Mozilla Developer-Website gibt es eine Liste der aktuellen MathML-Elemente. Ich habe auch die Elemente aufgelistet, die in den Beispielen am Ende dieses Beitrags zur schnellen Referenz verwendet werden.
Das oberste Element in MathML ist das
Hier sind einige einfache Beispiele.
So zeigen Sie Hoch- und Tiefstellung an
Das
Wie man Brüche anzeigtn 7
So zeigen Sie Root-Ganzzahlen an7 26
Hier ist ein einfaches Beispiel für die Anzeige von ganzen Zahlen.
Für nur Quadratwurzel gibt es- 6785
Kommen wir nun zu komplexeren Notationen, der Matrix.
Wie man eine Matrix anzeigt
Um eine Matrix zu erstellen, benötigen wir eine Tabellenstruktur für Zeilen und Spalten. Dafür verwenden wir
Abgesehen davon werden wir das verwenden [
und ]
um die Matrix herum hinzuzufügen und sie schließlich alle in die Matrix einzufügen
Hier ist das Endergebnis:
[ 0 4 10 5 2 X 9 11 1 ]
Lassen Sie uns ein bisschen CSS einwerfen, damit das "X" in der Matrix auffällt.
mi {Farbe: rot; }So zeigen Sie Integralgleichungen an
Unten ist ein Beispiel für einen grundlegenden Typ von Integralgleichung. Das
f ( x ) = ∫ ein b K ( x , t ) φ ( t ) d t
Klicken Sie hier, um eine Liste der MathML-Zeichenentitäten auf der W3C-Website zu finden.
MathML-Attribute
Abgesehen von Attributen, die denen von HTML (wie id
) entsprechen, hat MathML auch eine Reihe eigener Attribute. Die Mozilla Developer Site enthält eine Sammlung von MathML-Attributen als Referenz. Für Fallbacks können Sie die JavaScript-Bibliothek MathJax verwenden. Wenn Sie mehr Werkzeuge benötigen, schauen Sie sich diesen Link hier an.
Ich nehme Abschied mit diesem Codepen, der alle obigen Beispiele enthält, für Ihre einfache Referenz.
Referenzliste von MathML-Elementen
Elemente | Definition |
MathML-Element auf oberster Ebene | |
Zeigt Bezeichner (Variablen, Konstanten, Funktionsnamen) an | |
Zeigt das numerische Literal an | |
Zeigt den Bediener an | |
Zeigt Stringliteral an | |
Fügt der Basis eine Hochschrift hinzu | |
Fügt einer Basis einen Index hinzu | |
Wird verwendet, um Brüche anzuzeigen | |
Zeigt Radikale mit Indizes an | |
Zeigt die Quadratwurzel an | |
Zeigt eine Tabelle oder Matrix an | |
Reihe von | |
Spalte in | |
Gruppiert Unterausdrücke | |
Wird verwendet, um Hoch-, Tief-, Vor- und Vorzeichen hinzuzufügen |
Ein Blick in: Was passiert, wenn Internet-Freiheit bedroht wird
Internet-Freiheit ist etwas, das wir schätzen, aber täglich als selbstverständlich ansehen. Wenn also die Regierung oder die Konzerne versuchen, es auf irgendeine Weise zu begrenzen, dann sitzen alle auf und achten darauf. Das war der Grund, warum einige deiner Lieblingswebseiten am 10. September 2014 das gefürchtete Ladezeichen als GIF oder Pop-Up-Nachricht angezeigt haben, die wie folgt aussieht:Keine Sorge, das Internet hat sich nicht verlangsamt. Te
Erstellen Sie den Avengers-Texteffekt mit Illustrator & Photoshop
Im heutigen Tutorial werden wir den Texteffekt, der in dem Comic (auch ein kommender Film) verwendet wird, neu erschaffen - The Avengers, um uns das Gefühl zu geben, dass wir tatsächlich auch ein Held sind, zumindest ein Illustrator / Photoshop Held :)Wir werden den Text in Adobe Illustrator manuell erstellen, dann den Pfad in Adobe Photoshop importieren und einige Effekte und Texturen anwenden.