Dieser Artikel erklärt, wie man MathML-formatierte Formeln mit MathJax in HTML-Seiten einbettet. MathML ist eine XML-basierte Sprache zur Beschreibung mathematischer Ausdrücke und kann über MathJax in Browsern gerendert werden.
MathJax einrichten
Fügen Sie zunächst das MathJax-Skript zum <head>-Abschnitt Ihres HTML hinzu. Hier ist ein Beispielcode zum Einrichten von MathJax:
<head>
<meta charset="utf-8">
<script>window.MathJax = { MathML: { extensions: ["mml3.js", "content-mathml.js"]}};</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>
Dieser Code lädt MathJax und konfiguriert es, um MathML-formatierte Formeln im Browser zu rendern.
MathML-Formeln einbetten
Als Nächstes können Sie die MathML-Formeln, die Sie einbetten möchten, zu Ihrem HTML-Inhalt hinzufügen. Hier ist ein Beispiel für eine einfache MathML-Formel:
<math display="block">
<apply>
<int/>
<bvar>
<ci>x</ci>
</bvar>
<apply>
<root/>
<apply>
<power/>
<ci>x</ci>
<cn>-1</cn>
</apply>
</apply>
</apply>
</math>
Im obigen Beispiel ist eine MathML-formatierte Formel innerhalb des <math>-Elements geschrieben. Wenn MathJax aktiviert ist, wird diese MathML-Formel automatisch im Browser gerendert und zeigt mathematische Ausdrücke an.
Ergebnisse anzeigen
Speichern Sie diesen HTML-Code in einem Editor und versuchen Sie, ihn in einem Webbrowser wie Google Chrome zu öffnen. Die MathML-Formeln werden von MathJax schön gerendert und in einem lesbaren Format angezeigt.
Mit dieser Methode können Sie MathML-formatierte Formeln einfach in HTML-Seiten einbetten. Bei der Erstellung von Dokumenten mit mathematischem Inhalt können Sie Formeln in einem für Leser leicht verständlichen Format darstellen.
MathJax offizielle Website: https://www.mathjax.org/