MathML (Mathematical Markup Language) est un standard permettant de représenter des notations mathématiques dans les pages Web. Il s'agit d'un langage de balisage basé sur XML conçu pour intégrer des expressions mathématiques dans HTML et d'autres langages de balisage. Voici un exemple d'utilisation de MathML dans un document HTML5 :

HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MathML Example</title> </head> <body> <h2>MathML Example</h2> <!-- Example 1: Inline MathML --> <p>Inline MathML: \(x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\)</p> <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline"> <mi>x</mi> <mo>=</mo> <mfrac linethickness="0"> <mrow> <mo>-</mo> <mi>b</mi> <mo>±</mo> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo>-</mo> <mn>4ac</mn> </msqrt> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </math> <!-- Example 2: Display MathML --> <p>Display MathML:</p> <math xmlns="http://www.w3.org/1998/Math/MathML" display="block"> <msup> <mi>e</mi> <mi>x</mi> </msup> <mo>=</mo> <mi>y</mi> </math> </body> </html>

Dans cet exemple :

  1. Inline MathML est utilisé dans un paragraphe pour représenter la formule quadratique. L'élément <math> avec l'attribut display="inline" est utilisé pour indiquer un contenu mathématique en ligne.

  2. Display MathML est utilisé dans un paragraphe pour représenter une équation exponentielle. L'élément <math> avec l'attribut display="block" est utilisé pour indiquer un contenu mathématique de style affichage.

Notez que la prise en charge de MathML par les navigateurs peut varier et que certains navigateurs modernes peuvent ne pas la prendre entièrement en charge. Comme alternative, vous pouvez envisager d'utiliser MathJax ou d'autres bibliothèques JavaScript qui fournissent un rendu d'équations mathématiques sur plusieurs navigateurs. MathJax, par exemple, vous permet d'écrire des équations dans la syntaxe LaTeX et de les restituer en utilisant MathML ou d'autres technologies en fonction de la prise en charge du navigateur.