Utiliser des formules mathématiques MathML en HTML5-tutoriel HTML-php.cn

Utiliser des formules mathématiques MathML en HTML5

不言

Libérer： 2018-06-05 14:14:53

original

2995 Les gens l'ont consulté

Cet article présente principalement une explication simple de l'utilisation des formules mathématiques MathML en HTML5. L'utilisation merveilleuse des balises mathématiques peut souvent produire des effets inattendus. Les amis dans le besoin peuvent se référer aux autorisations de syntaxe HTML Nous appliquons les éléments MathML. dans le document à l'aide de la balise

...

Ce qui suit est un document HTML5 valide utilisant MathML :

Code XML/HTMLCopier le contenu dans le presse-papiers

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>

Copier après la connexion

Cela générera le résultat suivant :

Copiez le code

Le code est le suivant :

a2 + b2 = c2

Copier après la connexion

Facile à apprendre ces concepts - Veuillez utiliser FireFox 3.7 ou supérieur pour les exercices en ligne.

Utiliser des caractères MathML
Imaginez que voici un balisage qui utilise le caractère ⁢ :

Code XML/HTML Copiez le contenu dans le presse-papiers

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>

Copier après la connexion

Cela générera les résultats suivants

Copiez le code

Le code est le suivant :

x 2 + 4  x + 4 = 0

Copier après la connexion

Facile à apprendre ce concept - veuillez utiliser FireFox 3.7 ou supérieur pour vous entraîner en ligne.

Exemple d'expression matricielle
Imaginez l'exemple suivant, qui sera utilisé pour représenter une simple matrice 2x2 :

Code XML/HTML Copier le contenu dans le presse-papiers

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>

Copier après la connexion

Cela générera les résultats suivants
2016219113648268.jpg (86×68)