HTML5 MathML (balisage mathématique)

MathML est une recommandation du W3C qui vise à définir un vocabulaire XML pour le marquage des expressions mathématiques, un langage de balisage pour l'écriture de symboles et de formules mathématiques sur Internet.

HTML5 peut utiliser des éléments MathML dans les documents, et les balises correspondantes sont <math>...</math> .

Exemple du théorème de Pythagore :

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
         <mrow>
            <msup><mi>X</mi><mn>2</mn></msup>
            <mo>+</mo>
            <msup><mi>Y</mi><mn>2</mn></msup>
            <mo>=</mo>
            <msup><mi>Z</mi><mn>2</mn></msup>
         </mrow>
      </math>
   </body>
</html>

Remarque : Il est préférable de l'ouvrir avec le navigateur Firefox. D'autres navigateurs peuvent avoir des bugs mineurs.


Formule d'Euler :

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
<msup><mi>e</mi><mi>i&pi;</mi></msup>
<mo>+</mo>
<mn>1</mn>
<mo>=</mo>
<mn>0</mn>
      </math>
   </body>
</html>


Exemple d'expression matricielle :

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</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>

Remarque : veuillez Ouvrir avec le navigateur Firefox.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网(php.cn)</title> </head> <body> <math xmlns="http://www.w3.org/1998/Math/MathML"> <msup><mi>e</mi><mi>iπ</mi></msup> <mo>+</mo> <mn>1</mn> <mo>=</mo> <mn>0</mn> </math> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel