Heim > Artikel > Web-Frontend > Verwendung mathematischer MathML-Formeln in HTML5
Verwendung mathematischer MathML-Formeln in HTML5
- 不言Original
- 2018-06-05 14:14:532948Durchsuche
Dieser Artikel stellt hauptsächlich eine einfache Erklärung der Verwendung mathematischer MathML-Formeln in HTML5 vor. Die wunderbare Verwendung von MathML-Tags kann oft zu unerwarteten Effekten führen innerhalb des Dokuments mit dem Tag e54a3976ed0d77ffbddf4a497f6cab74...7f3ab92a71d29302c9b0d35ffb4a1f8b
Hier ist ein gültiges HTML5-Dokument mit MathML:
XML/HTML-CodeInhalt in die Zwischenablage kopierenhtml
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Pythagorean theorem</title>
</head>
<body>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<msup><mi>a</mi><mn>2</mn></msup>
<mo>+</mo>
<msup><mi>b</mi><mn>2</mn></msup>
<mo>=</mo>
<msup><mi>c</mi><mn>2</mn></msup>
</mrow>
</math>
</body>
</html> Das wird Generieren Sie das folgende Ergebnis:
Kopieren Sie den CodeDer Code lautet wie folgt:
a2 + b2 = c2
Zum leichteren Erlernen Konzept – bitte verwenden Sie für Online-Übungen FireFox 3.7 oder höher.
Verwendung von MathML-ZeichenStellen Sie sich vor, dass hier ein Markup ist, das das Zeichen verwendet:
Kopieren Sie den Inhalt in die Zwischenablagehtml
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>MathML Examples</title>
</head>
<body>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mrow>
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<mrow>
<mn>4</mn>
<mo></mo>
<mi>x</mi>
</mrow>
<mo>+</mo>
<mn>4</mn>
</mrow>
<mo>=</mo>
<mn>0</mn>
</mrow>
</math>
</body>
</html>Dadurch werden die folgenden Ergebnisse generiert
Kopieren Sie den CodeDie Der Code lautet wie folgt:
x 2 + 4 x + 4 = 0
Dieses Konzept ist leicht zu erlernen – bitte verwenden Sie FireFox 3.7 oder höher, um online zu üben.
Beispiel für einen MatrixausdruckStellen Sie sich das folgende Beispiel vor, das zur Darstellung einer einfachen 2x2-Matrix verwendet wird:
Inhalt in die Zwischenablage kopierenhtml
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>MathML Examples</title>
</head>
<body>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>A</mi>
<mo>=</mo>
<mfenced open="[" close="]">
<mtable>
<mtr>
<mtd><mi>x</mi></mtd>
<mtd><mi>y</mi></mtd>
</mtr>
<mtr>
<mtd><mi>z</mi></mtd>
<mtd><mi>w</mi></mtd>
</mtr>
</mtable>
</mfenced>
</mrow>
</math>
</body>
</html>Dadurch werden die folgenden Ergebnisse generiert
Verwandte Empfehlungen:
zu
Das obige ist der detaillierte Inhalt vonVerwendung mathematischer MathML-Formeln in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!