HTML5 MathML


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

MathML est un langage de balisage mathématique, un standard basé sur XML (un sous-ensemble du Standard Universal Markup Language), un langage de balisage utilisé pour écrire des symboles et des formules mathématiques sur Internet.

Remarque : La plupart des navigateurs prennent en charge la balise MathML. Si votre navigateur ne prend pas en charge cette balise, vous pouvez utiliser la dernière version du navigateur Firefox ou Safari pour l'afficher.

Exemple MathML

Ce qui suit est un exemple MathML simple : 

实例

Exécuter le résultat

Exemple

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

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

L'image du résultat est la suivante :

L'exemple suivant ajoute quelques opérateurs : 

实例

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

Le graphique des résultats en cours d'exécution est le suivant :

L'exemple suivant est une matrice 2×2, l'effet peut être visualisé dans Firefox 3.5 ou supérieur : 

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