Verwendung mathematischer MathML-Formeln in HTML5-HTML-Tutorial-php.cn

Verwendung mathematischer MathML-Formeln in HTML5

不言

Freigeben： 2018-06-05 14:14:53

Original

2963 Leute haben es durchsucht

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

...

Hier ist ein gültiges HTML5-Dokument mit MathML:

XML/HTML-Code

Inhalt in die Zwischenablage kopieren

html   
<!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>

Nach dem Login kopieren

Das wird Generieren Sie das folgende Ergebnis:

Kopieren Sie den CodeDer Code lautet wie folgt:

a2 + b2 = c2

Nach dem Login kopieren

Zum leichteren Erlernen Konzept – bitte verwenden Sie für Online-Übungen FireFox 3.7 oder höher.

Verwendung von MathML-Zeichen

Stellen Sie sich vor, dass hier ein Markup ist, das das Zeichen ⁢ verwendet:

XML/HTML-Code

Kopieren Sie den Inhalt in die Zwischenablage

html   
<!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>

Nach dem Login kopieren

Dadurch werden die folgenden Ergebnisse generiert

Kopieren Sie den CodeDie Der Code lautet wie folgt:

x 2 + 4  x + 4 = 0

Nach dem Login kopieren

Dieses Konzept ist leicht zu erlernen – bitte verwenden Sie FireFox 3.7 oder höher, um online zu üben.

Beispiel für einen Matrixausdruck

Stellen Sie sich das folgende Beispiel vor, das zur Darstellung einer einfachen 2x2-Matrix verwendet wird:

XML/HTML-Code

Inhalt in die Zwischenablage kopieren

html   
<!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>

Nach dem Login kopieren

Dadurch werden die folgenden Ergebnisse generiert

2016219113648268.jpg (86×68) Verwandte Empfehlungen:

Verwenden Sie den Clip ()-Methode in der HTML5-Canvas-API schneidet das Bereichsbild

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!