From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/mathml/attribute/index.html | 484 +++++++++++++++++++++ files/fr/web/mathml/attribute/valeurs/index.html | 138 ++++++ files/fr/web/mathml/authoring/index.html | 342 +++++++++++++++ files/fr/web/mathml/element/index.html | 230 ++++++++++ files/fr/web/mathml/element/maction/index.html | 230 ++++++++++ files/fr/web/mathml/element/math/index.html | 161 +++++++ files/fr/web/mathml/element/menclose/index.html | 300 +++++++++++++ files/fr/web/mathml/element/merror/index.html | 166 +++++++ files/fr/web/mathml/element/mfenced/index.html | 106 +++++ files/fr/web/mathml/element/mfrac/index.html | 203 +++++++++ files/fr/web/mathml/element/mglyph/index.html | 70 +++ files/fr/web/mathml/element/mi/index.html | 231 ++++++++++ files/fr/web/mathml/element/mover/index.html | 213 +++++++++ files/fr/web/mathml/element/msub/index.html | 83 ++++ files/fr/web/mathml/element/munder/index.html | 214 +++++++++ files/fr/web/mathml/element/munderover/index.html | 88 ++++ .../index.html" | 13 + files/fr/web/mathml/exemples/index.html | 27 ++ .../mathml_theoreme_de_pythagore/index.html | 16 + files/fr/web/mathml/index.html | 70 +++ files/fr/web/mathml/index/index.html | 8 + 21 files changed, 3393 insertions(+) create mode 100644 files/fr/web/mathml/attribute/index.html create mode 100644 files/fr/web/mathml/attribute/valeurs/index.html create mode 100644 files/fr/web/mathml/authoring/index.html create mode 100644 files/fr/web/mathml/element/index.html create mode 100644 files/fr/web/mathml/element/maction/index.html create mode 100644 files/fr/web/mathml/element/math/index.html create mode 100644 files/fr/web/mathml/element/menclose/index.html create mode 100644 files/fr/web/mathml/element/merror/index.html create mode 100644 files/fr/web/mathml/element/mfenced/index.html create mode 100644 files/fr/web/mathml/element/mfrac/index.html create mode 100644 files/fr/web/mathml/element/mglyph/index.html create mode 100644 files/fr/web/mathml/element/mi/index.html create mode 100644 files/fr/web/mathml/element/mover/index.html create mode 100644 files/fr/web/mathml/element/msub/index.html create mode 100644 files/fr/web/mathml/element/munder/index.html create mode 100644 files/fr/web/mathml/element/munderover/index.html create mode 100644 "files/fr/web/mathml/exemples/d\303\251river_la_formule_quadratique/index.html" create mode 100644 files/fr/web/mathml/exemples/index.html create mode 100644 files/fr/web/mathml/exemples/mathml_theoreme_de_pythagore/index.html create mode 100644 files/fr/web/mathml/index.html create mode 100644 files/fr/web/mathml/index/index.html (limited to 'files/fr/web/mathml') diff --git a/files/fr/web/mathml/attribute/index.html b/files/fr/web/mathml/attribute/index.html new file mode 100644 index 0000000000..405e9d15ff --- /dev/null +++ b/files/fr/web/mathml/attribute/index.html @@ -0,0 +1,484 @@ +--- +title: Référence des attributs MathML +slug: Web/MathML/Attribute +tags: + - MathML + - 'MathML:Référence' +translation_of: Web/MathML/Attribute +--- +
{{MathMLRef}}
+ +
+ +

Cette référence est une liste, dans l'ordre alphabétique, des attributs MathML. De plus amples détails sur chaque attribut sont disponibles sur les pages des éléments.

+ +
+

Notes :

+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NomÉléments pouvant utiliser cet attributDescription
accent{{ MathMLElement("mo") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}Un booléen définissant si oui ou non l'opérateur doit être traité comme un accent.
accentunder{{ MathMLElement("munder") }}, {{ MathMLElement("munderover") }}Un booléen définissant si oui ou non l'opérateur doit être traité comme un accent.
actiontype{{ MathMLElement("maction") }}Une chaîne de caractère définissant l'action se produisant pour cet élément.
align {{deprecated_inline}}{{ MathMLElement("mtable") }}
+ {{ MathMLElement("munder") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}
+ {{ MathMLElement("mstack") }}		Définit les différents alignements de plusieurs éléments (consulter les pages des éléments pour plus de détails).
{{ unimplemented_inline() }} alignmentscope{{ MathMLElement("mtable") }}Un booléen définissant si oui ou non les colonnes d'un tableau doivent définir la portée de l'alignement.
{{ unimplemented_inline() }}
+ altimg
+ altimg-width
+ altimg-height
+ altimg-valign
+ alttext		{{ MathMLElement("math") }}Alternatives visuelles et textuelles.
bevelled {{deprecated_inline}}{{ MathMLElement("mfrac") }}Définit la manière dont la fraction est affichée.
{{ unimplemented_inline() }} charalign{{ MathMLElement("mstack") }}Définit l'alignement horizontal des chiffres.
close{{ MathMLElement("mfenced") }}Une chaîne de caractère pour le symbole fermant.
columnalign{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}, {{ MathMLElement("mlabeledtr") }}Définit l'alignement horizontal des cellules d'un tableau.
columnlines{{ MathMLElement("mtable") }}Définit les bordures des colonnes d'un tableau.
{{ unimplemented_inline() }} columnspacing{{ MathMLElement("mtable") }}Définit l'espace entre les colonnes d'un tableau.
columnspan{{ MathMLElement("mtd") }}Un entier positif qui indique sur combien de colonnes s'étend une cellule d'un tableau.
{{ unimplemented_inline() }} columnwidth{{ MathMLElement("mtable") }}Définit la largeur des colonnes d'un tableau.
{{ unimplemented_inline() }} crossout{{ MathMLElement("mscarry") }}Définit le type de ligne à afficher pour rayer les retenues.
{{ unimplemented_inline() }} decimalpoint{{ MathMLElement("mstyle") }}Si la valeur decimalpoint est utilisée pour définir l'alignement, cet attribut définit la caractère sur lequel aligner les colonnes des éléments {{ MathMLElement("mstack") }} et {{ MathMLElement("mtable") }}.
denomalign {{deprecated_inline}}{{ MathMLElement("mfrac") }}L'alignement du dénominateur sous la fraction.
depth{{ MathMLElement("mpadded") }}Définit ou incrément la profondeur. Voir longueur.
dir{{ MathMLElement("math") }}, {{ MathMLElement("mi") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("mrow") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}La direction du texte. Les valeurs possibles sont : ltr (left to right pour gauche à droite) ou rtl (right to left pour droite à gauche).
display{{ MathMLElement("math") }}Définit le mode d'affichage. Les valeurs block et inline sont autorisées.
displaystyle{{ MathMLElement("mstyle") }}, {{ MathMLElement("mtable") }}Un booléen indiquant si oui ou non plus d'espace vertical sera utilisé pour afficher les équations. S'il vaut false, l'affichage sera organisé de manière plus compacte.
{{ unimplemented_inline() }} edge{{ MathMLElement("malignmark") }}
{{ unimplemented_inline() }} equalcolumns{{ MathMLElement("mtable") }}Un booléen indiquant si oui ou non les colonnes doivent avoir la même hauteur totale.
{{ unimplemented_inline() }} equalrows{{ MathMLElement("mtable") }}Un booléen indiquant si oui ou non les lignes doivent avoir la même hauteur totale.
fence{{ MathMLElement("mo") }}Un booléen indiquant si oui ou non l'opérateur clôture l'expression (comme les parenthèses). Il n'y a pas d'effet visuel associé à cet attribut.
{{ unimplemented_inline() }} form{{ MathMLElement("mo") }}Définit le rôle de l'opérateur dans une expression groupée.
frame{{ MathMLElement("mtable") }}Définit toutes les bordures d'un élément {{ MathMLElement("mtable") }}. Les valeurs possibles sont : none (la valeur par défaut), solid et dashed.
{{ unimplemented_inline() }} framespacing{{ MathMLElement("mtable") }}Définit l'espace à ajouter entre le tableau et la frame.
{{ unimplemented_inline() }} groupalign{{ MathMLElement("maligngroup") }}, {{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}
height{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}Définit la hauteur souhaitée. Voir les longueurs pour les différentes valeurs possibles.
hrefTousUtiliser pour créer un hyperlien vers un URI donné.
idTousDéfinit un identifiant unique associé à l'élément.
{{ unimplemented_inline() }} indentalign{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} indentalignfirst{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} indentalignlast{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} indentshift{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} indentshiftfirst{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} indentshiftlast{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} indenttarget{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} infixlinebreakstyle{{ MathMLElement("mstyle") }}Définit le linebreakstyle par défaut à utiliser avec les opérateurs affixes.
largeop{{ MathMLElement("mo") }}Définit si oui ou non l'opérateur doit être affiché avec une taille plus grande que la normale
length{{ MathMLElement("msline") }}
{{ unimplemented_inline() }} linebreak{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} linebreakmultchar{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} linebreakstyle{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
{{ unimplemented_inline() }} lineleading{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}
linethickness{{ MathMLElement("mfrac") }}L'épaisseur de la ligne de fraction horizontale.
{{ unimplemented_inline() }} location{{ MathMLElement("mscarries") }}
{{ unimplemented_inline() }} longdivstyle{{ MathMLElement("mlongdiv") }}Contrôle la mise en forme d'une division longue.
lspace{{ MathMLElement("mo") }}, {{ MathMLElement("mpadded") }}Le nombre d'espaces avant l'opérateur (voir les longueurs pour les différentes valeurs possibles).
lquote{{ MathMLElement("ms") }}Le caractère de début de citation (selon dir) encadrant le contenu. La valeur par défaut est """.
mathbackgroundTousLa couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
mathcolorTousLa couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
mathsize{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}La taille du contenu. À partir de Gecko 20.0 {{geckoRelease("20")}} des valeurs sans unité sont autorisées et interprétées comme multiples de la taille par défaut.
mathvariant{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}La classe logique de l'identifiant, varie selon la typographie.
maxsize{{ MathMLElement("mo") }}La taille maximum de l'opérateur.
{{ unimplemented_inline() }} minlabelspacing{{ MathMLElement("mtable") }}Une valeur de longueur définissant l'espace minimum entre un{{ MathMLElement("mlabeledtr") }} et la cellule adjacente du tableau.
minsize{{ MathMLElement("mo") }}La taille minimum de l'opérateur.
movablelimits{{ MathMLElement("mo") }}Définit si oui ou non les indices au-dessus et en-dessous peuvent apparaître respectivement comme exposants et indices.
notation{{ MathMLElement("menclose") }}Une liste de notations, séparées par des blancs, à appliquer aux éléments fils.
numalign {{deprecated_inline}}{{ MathMLElement("mfrac") }}L'alignement du numérateur au dessus de la barre de fraction.
open{{ MathMLElement("mfenced") }}Une chaîne de caractère pour un délimiteur ouvrant.
{{ unimplemented_inline() }} overflow{{ MathMLElement("math") }}Si l'expression est trop grande pour être insérée dans l'espace alloué, cet attribut définit la façon dont est géré l'affichage.
{{ unimplemented_inline() }} position{{ MathMLElement("msgroup") }}, {{ MathMLElement("msrow") }}, {{ MathMLElement("mscarries") }}, {{ MathMLElement("msline") }}
rowalign{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}Définit l'alignement vertical des cellules d'un tableau.
rowlines{{ MathMLElement("mtable") }}Définit les bordures des lignes d'un tableau.
rowspacing{{ MathMLElement("mtable") }}Définit l'espace entre les lignes d'un tableau.
rowspan{{ MathMLElement("mtd") }}Un entier positif ou nul dont la valeur indique sur combien de lignes la celulle doit s'étendre.
rspace{{ MathMLElement("mo") }}Le nombre d'espaces après l'opérateur.
rquote{{ MathMLElement("ms") }}Le symbole de fin de citation (dépendant de dir) pour encadrer le contenu. La valeur par défaut est """.
scriptlevel{{ MathMLElement("mstyle") }}Contrôle principalement la taille de la police. Plus le scriptlevel est grand, plus la taille de police est petite.
scriptminsize{{ MathMLElement("mstyle") }}Définit la taille de police minimale à utiliser avec les changements de scriptlevel.
+ À partir de Gecko 20.0 {{geckoRelease("20")}} les valeurs sans unités et en pourcents sont autorisées et interprétées comme des multiples de la valeur « 8pt ».
scriptsizemultiplier{{ MathMLElement("mstyle") }}Définit le multiplicateur à utiliser pour ajuster la taille de police après les changements de scriptlevel.
selection{{ MathMLElement("maction") }}L'élément fils auquel s'applique l'action.
separator{{ MathMLElement("mo") }}Il n'y a pas d'effet visuel associé à cet attribut. Il définit si l'opérator doit être interprété comme un séparateur.
separators{{ MathMLElement("mfenced") }}Une suite de plusieurs caractères (zéro ou plus) devant être utilisés en tant que séparateurs.
{{ unimplemented_inline() }} shift{{ MathMLElement("msgroup") }}
{{ unimplemented_inline() }} side{{ MathMLElement("mtable") }}Définit la position à laquelle les éléments {{ MathMLElement("mlabeledtr") }} devraient être placés.
{{ unimplemented_inline() }} src{{ MathMLElement("mglyph") }}L'emplacement de l'image ressource.
{{ unimplemented_inline() }} stackalign{{ MathMLElement("mstack") }}
stretchy{{ MathMLElement("mo") }}Définit si oui ou non l'opérateur doit s'étirer afin d'être de la taille de l'élément adjacent.
subscriptshift {{deprecated_inline}}{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msub") }}, {{ MathMLElement("msubsup") }}L'espace minimum qui doit être laissé entre l'indice et la ligne de base de l'expression.
supscriptshift {{deprecated_inline}}{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msup") }}, {{ MathMLElement("msubsup") }}L'espace minimum qui doit être laissé entre l'exposant et la ligne de base de l'expression.
symmetric{{ MathMLElement("mo") }}Si l'attribut stretchy vaut true, cet attribut définit si oui ou non l'opérateur doit être symétrique verticalement par rapport à l'axe mathématique imaginaire (la ligne de fraction centrée).
voffset{{ MathMLElement("mpadded") }}Définit la position verticale d'un contenu fils.
width{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}, {{ MathMLElement("mtable") }}Définit la largeur souhaitée. Voir les longueurs pour les valeurs possibles.
xmlns{{ MathMLElement("math") }}Définit l'URI de l'espace de nom MathML (http://www.w3.org/1998/Math/MathML)
diff --git a/files/fr/web/mathml/attribute/valeurs/index.html b/files/fr/web/mathml/attribute/valeurs/index.html new file mode 100644 index 0000000000..4fc2296665 --- /dev/null +++ b/files/fr/web/mathml/attribute/valeurs/index.html @@ -0,0 +1,138 @@ +--- +title: Valeurs +slug: Web/MathML/Attribute/Valeurs +tags: + - MathML + - Référence MathML +translation_of: Web/MathML/Attribute/Values +--- +

Longueurs

+ +

Plusieurs éléments de présentation MathML possèdent des attributs qui acceptent des valeurs pour mesurer des tailles ou des espacements. MathML accepte différentes unités et constantes pour spécifier les longueurs.

+ +

Unités

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
UniétDescription
emUnité {{ Cssxref("font-size", "relative à la police") }}
exUnité {{ Cssxref("font-size", "relative à la police") }}. (La hauteur "x" de l'élément, 1ex ≈ 0.5em dans beaucoup de polices)
pxPixels
inPouces (1 pouce = 2,54 centimètres)
cmCentimètres
mmMillimètres
ptPoints (1 point = 1/72 pouce)
pcPicas (1 pica = 12 points)
%Pourcentage de la valeur par défaut.
+ +

Constantes

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ConstanteValeur
veryverythinmathspace1/18em
verythinmathspace2/18em
thinmathspace3/18em
mediummathspace4/18em
thickmathspace5/18em
verythickmathspace6/18em
veryverythickmathspace7/18em
Les contstantes négatives ont été introduites avec Gecko 7.0 {{ geckoRelease("7.0") }} ({{ bug(650530) }})
negativeveryverythinmathspace-1/18em
negativeverythinmathspace-2/18em
negativethinmathspace-3/18em
negativemediummathspace-4/18em
negativethickmathspace-5/18em
negativeverythickmathspace-6/18em
negativeveryverythickmathspace-7/18em
+ +

Note : L'association avec des espaces de noms a été dépréciée dans MathML3 et a été retirée dans Gecko 15.0 {{ geckoRelease("15.0") }} (bug 673759).

diff --git a/files/fr/web/mathml/authoring/index.html b/files/fr/web/mathml/authoring/index.html new file mode 100644 index 0000000000..e3ae53fc5c --- /dev/null +++ b/files/fr/web/mathml/authoring/index.html @@ -0,0 +1,342 @@ +--- +title: Éditer du MathML +slug: Web/MathML/Authoring +tags: + - Débutant + - HTML + - LaTeX + - MathML + - Mathématiques + - Projet MathML + - wysiwyg +translation_of: Web/MathML/Authoring +--- +

Cette page explique comment écrire des formules mathématiques en utilisant le langage MathML. À l'instar du HTML, le MathML est décrit par des balises et des attributs. Le code source HTML devient lourd lorque votre document contient des structures avancées telles que des listes ou tableaux mais heureusement il existe plusieurs générateurs de HTML à partir de notations simples, des éditeurs WYSIWYG ainsi que des systèmes de gestions de contenu (CMS) qui aide à l'écriture de page Web.

+ +

Les notations mathématiques sont encore plus complexes, avec des structures telles que les fractions, les racines carrées ou les matrices qui sont susceptibles de nécessiter leur propres balisage. Par conséquent, de bons outils d'édition MathML sont encore plus importants et nous en décrivons quelques-uns ci-dessous. En particulier, l'équipe MathML de Mozilla a développé TeXZilla, un convertisseur Javascript de LaTeX vers MathML compatible avec Unicode, dont le but est d'être utilisé dans divers scenari décrits ici. Bien sûr, la liste n'est pas exhaustive et vous êtes invité à jeter un œil à la  liste du W3C des logiciels MathML (en) où vous pouvez trouver divers outils.

+ +

Notez que MathML est conçu pour être bien intégré au HTML5 et en particulier vous pouvez utiliser les concepts Web usuels tels que CSS, DOM, Javascript ou SVG. Cela ne rentre pas dans le cadre de ce document mais n'importe qui avec les connaissances de base des langages Web pourra facilement mélanger ceux-ci avec le MathML. Allez voir nos démonstrations et la référence MathML pour plus de détails.

+ +

Utiliser MathML

+ +

MathML dans les pages HTML

+ +

Vous pouvez utiliser du MathML de présentation au sein des documents HTML5 :

+ +
<!DOCTYPE html>
+<html>
+    <head>
+        <title>MathML dans HTML5</title>
+    </head>
+    <body>
+        <h1>MathML dans HTML5</h1>
+
+        <p>
+        Racine carrée de 2 :
+        <math>
+            <msqrt>
+                <mn>2</mn>
+            </msqrt>
+        </math>
+        </p>
+     </body>
+</html>
+ +

Le MathML de contenu n'est pas supporté par les navigateurs. Il vous est alors recommandé de convertir votre arborescence de MathMLde contenu en du MathML de présentation avant de le publier, par exemple à l'aide de la feuille de style ctop.xsl. Les outils mentionnés sur cette page génèrent du MathML de présentation.

+ +

Alternative pour les navigateurs sans support de MathML

+ +

Malheureusement, certains navigateurs sont incapables de rendre des équations avec MathML ou en ont seulement un support limité. Par conséquent, vous devrez utiliser un émulateur de MathML pour fournir un rendu alternatif. Si vous n'avez besoin que de constructions mathématiques basiques telles que celles utilisées dans cet article alors une simple feuille de style mathml.css devrait suffire. Pour l'utiliser, insérez cette ligne dans votre document HTML :

+ +
<script src="http://fred-wang.github.io/mathml.css/mspace.js"></script>
+ +

Si vous avez besoin de constructions plus complexes, vous devrez alors envisager d'utiliser la bibliothèque MathJax comme émulateur de MathML :

+ +
<script src="http://fred-wang.github.io/mathjax.js/mpadded.js"></script>
+ +

Notez que ces deux scripts assurent la détection des fonctionnalités des éléments mspace ou mpadded (renseignez-vous sur la table de compatibilité des navigateurs au pied de cet article).

+ +

Si vous ne souhaitez pas utiliser ce lien vers GitHub mais préférez intégrer ces émulateurs ou d'autres dans votre projet, vous pourriez avoir besoin des scripts de détection pour vérifer le niveau de support de MathML par votre navigateur. Par exemple la fonction suivante vérifie le support de MathML en essayant l'élément mspace (vous pourriez remplacer mspace par mpadded):

+ +
function supporteMathML () {
+    let div = document.createElement("div"), box;
+    div.innerHTML = "<math><mspace height='23px' width='77px'/></math>";
+    document.body.appendChild(div);
+    let box = div.firstChild.firstChild.getBoundingClientRect();
+    document.body.removeChild(div);
+    return Math.abs(box.height - 23) <= 1  && Math.abs(box.width - 77) <= 1;
+}
+ +

Alternativement, la chaîne de caractères d'agent utilisateur suivante va permettre la détection des moteurs de rendu avec support natif de MathML (Gecko et WebKit) :

+ +
var ag_ut = navigator.userAgent;
+var isGecko = ag_ut.indexOf("Gecko") > -1 && ag_ut.indexOf("KHTML") === -1 && ag_ut.indexOf('Trident') === -1;
+var isWebKit = ag_ut.indexOf('AppleWebKit') > -1 && ag_ut.indexOf('Chrome') === -1;
+ +

Notez que cette chaîne de détection n'est pas la méthode la plus fiable et pourrait dysfonctionner d'une version à une autre.

+ +

Les fontes mathématiques

+ +

Afin d'obtenir une bonne mise en page ou pour permettre différents mise en style, il est important d'avoir des fontes mathématiques disponibles. Vous pouvez ainsi fournir à vos visiteurs un lien vers les Instructions sur les fontes de MDN, de telle manière qu'ils puissent vérifier s'ils ont les fontes appropriées installées sur leur système ou non. Il est tout aussi bon de prévoir une alternative avec les fontes Web.

+ +

Avant Gecko 31.0 {{GeckoRelease("31.0")}}, il était quelque peu fastidieux d'installer des fontes mathématiques, lisez à ce propos les instructions pour Mozilla 2.0. Depuis Gecko 31.0 {{GeckoRelease("31.0")}}, c'est beaucoup plus simple et compatible avec tout moteur de rendu Web ayant un support de MathML. Par exemple, voyez-ci une feuille de style minimale pour utiliser la fonte Latin Modern pour les textes et Latin Modern Math pour les expressions mathématiques :

+ +
@namespace url('http://www.w3.org/1999/xhtml');
+@namespace m url('http://www.w3.org/1998/Math/MathML');
+
+body, m|mtext {
+    font-family: Latin Modern;
+}
+m|math {
+    font-family: Latin Modern Math;
+}
+ +

En fin vous pouvez utiliser la règle @font-face comme usuellement pour founir une alternative WOFF pour les fontes Latin Modern et Latin Modern Math. Regardez ce dépôt GitHub pour obtenir des fontes WOFF et des échantillons de feuilles de style CSS à utiliser sur votre site ainsi que sa page d'essai.

+ +

MathML dans les documents XML (XHTML, EPUB, etc)

+ +

Si pour quelque raison vous avez besoin de MathML au sein de documents XML, soyez sûr de satisfaire aux exigences usuelles : document valide, usage d'un type MIME correct et espaces de noms MathML "http://www.w3.org/1998/Math/MathML" sur les racines <math>. Par exemple, la version XHTML de l'exemple précèdent ressemble à ceci :
+  

+ +
<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
+  "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>XHTML avec un exemple MathML</title>
+    </head>
+    <body>
+        <h1>XHTML avec un exemple MathML</h1>
+
+        <p>
+        Racine carrée de 2 :
+        <math xmlns="http://www.w3.org/1998/Math/MathML">
+            <msqrt>
+                <mn>2</mn>
+            </msqrt>
+        </math>
+        </p>
+    </body>
+</html>
+ +

MathML dans les méls et clients de messagerie instantanée

+ +

Les clients méls modernes peuvent envoyer et recevoir des méls au format HTML5 et donc y insérer des expressions MathML. Soyez sûrs dans ce cas d'avoir activé les options "envoyez en tant que HTML" et "visionner en tant que HTML". Dans Thunderbird, vous pouvez utiliser la fonctionnalité "Insérer du HTML" pour coller votre code HTML + MathML. MathBird est une extension de Thunderbird pratique pour insérer des expressions MathML en utilisant la syntaxe d'insertion d'AsciiMath. À nouveau, la manière dont MathML est géré et la qualité du rendu de MathML dépend des clients méls. Même si votre navigateur supporte le MathML, votre fournisseur mél Web pourrait vous empêcher de recevoir ou d'envoyer des méls contenant du MathML.

+ +

En théorie, les clients de messagerie instantanée basés sur Gecko peuvent intégrer un des convertisseurs tirés de Javascript de texte en MathML mentionnés ci-après et rendre les expressions MathML. Il y a par exemple une extension InstantBird pour gérer les expressions LaTeX.

+ +

Conversion depuis une syntaxe simple

+ +

Il y a de nombreuses notations simples (par exemple les syntaxes wiki ou markdown) pour générer des pages HTML. De fait, cela est aussi vrai pour MathML: par exemple les syntaxes ASCII telles qu'utilisées dans les calculatrices ou le plus puissant langage LaTeX, très populaire dans la communauté scientifique. Dans cette section, nous présenterons quelques-uns de ces outils pour convertir du texte respectant une certaine syntaxe en MathML.

+ + + +

Conversion côté client

+ +

Dans un environnement web, la plus évidente méthode pour convertir un texte brut respectant une syntaxe en une arborescence DOM est d'utiliser Javascript. De fait, de nombreuses bibliothèques ont été développées pour accomplir cette tâche.

+ + + +

TeXZilla a un élément HTML personnalisé <x-tex> pouvant être utilisé pour écrire des expressions telles que :

+ +
<x-tex>\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1</x-tex>
+ +

Et l'obtenir automatiquement converti en MathML. C'est une technologie toujours en développement, mais qui pourra être améliorée à l'avenir au moyen des composants Web et du shadow DOM. Alternativement, vous pouvez utiliser la traditionnelle analyse Javascript des expressions au chargement comme tout les autres outils de cette section font.

+ +

Un autre outil de conversion, simple et côté client, est ASCIIMathML. Il vous suffit de télécharger le script ASCIIMathML.js et de le copier dans votre dossier de site web, puis d'ajouter une balise <script> sur chaque page pour charger le script ASCIIMathML. Toute expression mathématique délimitée au moyen ` (accent grave) sera automatiquement analysée et convertie en MathML:

+ +
<html>
+    <head>
+        ...
+        <script src="ASCIIMathML.js"></script>
+        ...
+    </head>
+    <body>
+        ...
+        <p>Lorem `x^2 + y^2 = r^2` ipsum ...
+        ...
+
+ +

LaTeXMathML est un script similaire d'analyser plus de commandes LaTeX. Son installation est semblable : copiez LaTeXMathML.js et LaTeXMathML.standardarticle.css dans votre dossier, ajoutez des liens vers ces fichiers dans vos documents et les contenus LaTeX de vos pages web, si marqués par la classe "LaTeX", seront automatiquement analysés et convertis en HTML et MathML:

+ +
<head>
+    ...
+    <script src="LaTeXMathML.js"></script>
+    <link rel="stylesheet" type="text/css" href="LaTeXMathML.standardarticle.css" />
+    ...
+</head>
+
+<body>
+    ...
+    <div class="LaTeX">
+        \documentclass[12pt]{article}
+        \begin{document}
+        \title{LaTeXML Example}
+        \maketitle
+        \begin{abstract}
+        This is a sample LaTeXML document.
+        \end{abstract}
+        \section{First Section}
+        $$ \sum_{n=1}^{+\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$
+        \end{document}
+    </div>
+    ...
+ +

jqMath est un autre script pour analyser une expression utilisant une syntaxe simplifiée proche de LaTeX mais supportant en plus les caractères non-ASCII comme √{∑↙{n=1}↖{+∞} 6/n^2} = π² pour rendre ∑ n = 1 + ∞ 6 n 2 = π² . Son installation se fait de la même manière : copiez ses fichiers Javascript et CSS dans votre dossier de site web et référencez-les dans vos pages (regardez le fichier COPY-ME.html de l'archive zip pour lire un exemple). L'un des avantages de jqMath par rapport aux scripts précédents est qu'il ajoutera automatiquement quelques règles CSS pour faire l'affichage mathématique et rendre les formules lisibles sur des navigateurs avec un support limité de MathML.

+ +

Programmes en ligne de commande

+ +

Un moyen alternatif est de convertir les expressions LaTeX avant de publier votre site web. Vous pouvez utiliser des programmes en ligne de commande pour générer et publier ces pages statiques sur votre serveur.

+ + + +

TeXZilla peut être utilisé depuis la ligne de commande et a essentiellement le même support qu'itex2MML, décrit précédemment. Toutefois, le comportement de filtre de flux n'est pas encore implémenté.

+ +

Si vous souhaitez seulement convertir de simples expressions mathématiques LaTeX, vous pourriez vouloir essayer des outils tels que itex2MML ou Blahtex. Ce dernier est souvent disponible sous les distributions Linux. Le premier a été originellement écrit par Paul Gartside au début du projet MathML de Mozilla et a été maintenu par Jacques Distler depuis. C'est un petit filtre de flux écrit en C/C++ et généré avec flex et bison ; qui a la particularité d'être très rapide. Installez simplement flex/bison de même que le compilateur classique et vous pourrez vous en servir. Sur Unix, vous pouvez télécharger itex2MML, le compiler et l'instaler :

+ +
wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \
+tar -xzf itexToMML.tar.gz; \
+cd itex2MML/itex-src;
+make
+sudo make install
+
+ +

Supposons maintenant que nous avons un document HTML avec des parties en LaTeX délimitiés par le symbole '$' :

+ +
input.html
+
+...
+</head>
+<body>
+  <p>$\sqrt{a^2-3c}$</p>
+  <p>$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$</p>
+</body>
+</html>
+
+ +

Alors pour générer à partir de la page input.html la page output.html en remplaçant les expressions TeX par leurs équivalents MathML, entrez simplement :

+ +
cat input.html | itex2MML > output.html
+ +

Il y a des outils encore plus sophistiqués pour convertir des documents arbitraires LaTeX en HTML et MathML. Par exemple TeX4ht est souvent inclus dans les distributions TeX et a une option pour utiliser MathML plutôt que des images PNG. Cette commande générera un document en XHTML et MathML du nom de foo.xml à partir d'un fichier source LaTeX foo.tex :

+ +
   mk4ht mzlatex foo.tex # Linux / MacOS
+   mzlatex foo.tex       # Windows
+
+ +

LaTeXML est un autre outil toujours activement développé mais sa dernière version sortie est assez vieille, donc vous devriez plutôt installer la version en développement. En particulier, cette version peut générer des documents HTML5 et EPUB. Voici la commande à exécuter pour créer un fichier foo.html à partir d'un fichier source LaTeX foo.tex :

+ +
  latexml --dest foo.xml foo.tex
+  latexmlpost --dest foo.html --format=html5 foo.xml
+
+ +

Si vous voulez avoir MathJax comme alternative pour les navigateurs autres que Gecko, copier les lignes de JavaScript données précédemment dans un fichier mathjax.js et utiliser le paramètre --javascript pour indiquer à LaTeXML d'inclure ce fichier :

+ +
  latexmlpost --dest foo.html --format=html5 --javascript=mathjax.js foo.xml
+
+ +

Si votre document LaTeX est lourd, vous pourriez vouloir le séparer en plusieurs pages plus petites plutôt que de laisser sur une seule page. C'est d'autant plus le cas si vous utilisez l'alternative MathJax puisque, dans ce cas, MathJax sera lent à afficher les équations dans les navigateurs autres que Gecko. Utilisez le paramètre --splitat prévu à cet effet. Par exemple, cette commande séparera les pages au niveau des \section :

+ +
  latexmlpost --dest foo.html --format=html5 --splitat=section foo.xml
+
+ +

Enfin, pour générer un document EPUB, vous pouvez faire :

+ +
  latexmlc --dest foo.epub --splitat=section foo.xml
+
+ +

Conversion côté serveur

+ + + +

TeXZilla can be used as a Web server in order to perform server-side LaTeX-to-MathML conversion. LaTeXML can also be used as a deamon to run server-side. Mathoid is another tool based on MathJax that is also able to perform additional MathML-to-SVG conversion.

+ +

Instiki is a Wiki that integrates itex2MML to do server-side conversion. In future versions, MediaWiki will support server-side conversion too.

+ +

Graphical Interface

+ +

Input Box

+ +

TeXZilla has several interfaces, including a CKEditor plugin used on MDN, an online demo, a Firefox add-on or a FirefoxOS Webapp. Abiword contains a small equation editor, based on itex2MML. Bluegriffon is a mozilla-based Wysiwyg HTML editor and has an add-on to insert MathML formulas in your document, using ASCII/LaTeX-like syntax.

+ +

BlueGriffon

+ +

WYSIYWG Editors

+ +

Firemath is an extension for Firefox that provides a WYSIWYG MathML editor. A preview of the formula is displayed using the rendering engine of Mozilla. The generated MathML code is available at the bottom. Use the text field for token elements and buttons to build advanced constructions. Once you are done, you can save your document as a XHTML page.

+ +

OpenOffice and LibreOffice have an equation editor (File → New → Formula). It is semi-WYSIWYG: you enter the source of the formula using the equation panel/keyboard and a preview of the formula is regularly refreshed. The editor uses its own syntax "StarMath" for the source but MathML is also generated when the document is saved. To get the MathML code, save the document as mml and open it with any text editor. Alternatively, you can extract the odf file (which is actually a zip archive) and open an xml file called content.xml.

+ +

Open Office Math

+ +

Amaya is the W3C's web editor, which is able to handle MathML inside XHTML documents. Use the Elements and the Special Chars panels to create various advanced mathematical constructs. Simple text such as a+2 is automatically parsed and the appropriate MathML markup is generated. Once you are done, you can directly save your XHTML page and open it in Mozilla.

+ +

Optical Character & Handwriting Recognition

+ +

Inftyreader is able to perform some Optical Character Recognition, including translation of mathematical equations into MathML. Other tools can do handwriting recognition such as the Windows Math Input Panel or the online converter Web Equation.

+ +
+

Informations sur le document original

+ + +
diff --git a/files/fr/web/mathml/element/index.html b/files/fr/web/mathml/element/index.html new file mode 100644 index 0000000000..62a0071fa3 --- /dev/null +++ b/files/fr/web/mathml/element/index.html @@ -0,0 +1,230 @@ +--- +title: Référence des éléments MathML +slug: Web/MathML/Element +tags: + - MathML + - Référence MathML +translation_of: Web/MathML/Element +--- +

{{MathMLRef}}

+ +

Ce document est une liste, par ordre alphabétique, des éléments de présentation MathML.

+ +

La locution « élement de présentation » est utilisée pour décrire l'organisation et la mise en forme d'une formule mathématique. Les éléments de contenus, quant à eux, fournissent le sens mathématique inhérent à la formule et ne sont pas censés être affichés par l'interpréteur MathML parser (voir {{ bug(276028) }}). Si vous souhaitez avoir plus d'informations sur les éléments de contenus, il est conseillé de lire le chapitre 4 de la spécification MathML 3.

+ +
+

math

+ + + +

A

+ + + +

E

+ + + +

F

+ + + +

G

+ + + +

I

+ + + +

L

+ + + +

M

+ + + +

N

+ + + +

O

+ + + +

P

+ + + +

R

+ + + +

S

+ + + +

T

+ + + +

U

+ + + +

Autres éléments

+ + +
+ +

Éléments de présentation de MathML par catégories

+ +

Éléments racine

+ + + +

Éléments textuels

+ + + +

Éléments de présentation générale

+ + + +

Éléments d'écriture et de limite

+ + + +

Éléments de présentation tabulaire

+ + + +

Éléments de mathématiques élémentaires

+ + + +

Autres éléments

+ + + +

Annotations sémantiques

+ + + +

Voir aussi

+ + diff --git a/files/fr/web/mathml/element/maction/index.html b/files/fr/web/mathml/element/maction/index.html new file mode 100644 index 0000000000..1aee31578c --- /dev/null +++ b/files/fr/web/mathml/element/maction/index.html @@ -0,0 +1,230 @@ +--- +title: maction +slug: Web/MathML/Element/maction +tags: + - MathML + - 'MathML:Element' + - 'MathML:Référence' +translation_of: Web/MathML/Element/maction +--- +

L'élément MathML <maction> permet de lier des actions à des (sous-)expressions.
+ L'action est définie par l'attribut actiontype qui peut prendre plusieurs valeurs. Pour définir quels éléments fils sont affectés par l'action, il est possible d'utiliser l'attribut selection.

+

Attributs

+
+
+ actiontype
+
+ L'action qui se produit pour cet élément. Les valeurs possibles sont : +
    +
  • statusline : S'il y a un clic sur l'expression ou que le lecteur passe la souris sur celle-ci, le message est envoyé au statut du navigateur (status line). La syntaxe est la suivante : <maction actiontype="statusline"> expression message </maction>.
    • +
  • toggle : Quand il y a un clic sur la sous-expression, la mise en forme des sous-expressions sélectionnées change. Ainsi chaque clic augmente la valeur de selection.
    + La syntaxe est la suivante : <maction actiontype="toggle" selection="entier-positif" > expression1 expression2 expressionN </maction>.
    • +
  • tooltip : Lorsque la souris passe au-dessus de l'expression, une info-bulle est affichée à proximité de l'expression.
    + La syntaxe est la suivante : <maction actiontype="tooltip"> expression message </maction>.
    • +
+
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de styles.
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ selection
+
+ L'élément fils auquel s'applique l'action. La valeur par défaut est 1, ce qui correspond au premier élément fils.
+
+

Exemples

+
<math>
+
+<maction actiontype="toggle">
+
+  <mfrac>
+    <mn>6</mn>
+    <mn>8</mn>
+  </mfrac>
+
+  <mfrac>
+    <mrow>
+      <mn>3</mn>
+      <mo>&sdot;</mo>
+      <mn>2</mn>
+    </mrow>
+    <mrow>
+      <mn>4</mn>
+      <mo>&sdot;</mo>
+      <mn>2</mn>
+    </mrow>
+  </mfrac>
+
+  <mfrac>
+    <mn>3</mn>
+    <mn>4</mn>
+  </mfrac>
+
+</maction>
+
+</math>
+
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support simple{{ CompatNo() }} {{webkitbug(85734) }}{{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85734) }}
actiontype{{ CompatNo() }}toggle & statusline. tooltip is not implemented {{ bug(544001) }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }} {{webkitbug(85733)}}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85733)}}
mathbackground{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Support simple{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
actiontype{{ CompatNo() }}{{ CompatNo() }}toggle & statusline. tooltip is not implemented {{ bug(544001) }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathbackground{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

Notes relatives à Gecko

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}{{ Spec2('MathML2') }}Spécification initiale
+


+ th

diff --git a/files/fr/web/mathml/element/math/index.html b/files/fr/web/mathml/element/math/index.html new file mode 100644 index 0000000000..5e1cf317ff --- /dev/null +++ b/files/fr/web/mathml/element/math/index.html @@ -0,0 +1,161 @@ +--- +title: math +slug: Web/MathML/Element/math +tags: + - MathML + - 'MathML:Element' + - Référence MathML +translation_of: Web/MathML/Element/math +--- +

{{MathMLRef}}

+ +

L'élément racine de MathML est <math>. Tout objet représenté en MathML doit être encadré de balises <math>. De plus, il est interdit d'imbriquer un autre élément <math> à l'intérieur d'un premier. Il est toutefois possible d'avoir un nombre arbitraire d'éléments fils à l'intérieur d'un élément <math>.

+ +

Attributs

+ +

En plus des attributs qui suivent, l'élément <math> accepte tous les attributs de l'élément {{ MathMLElement("mstyle") }}.

+ +
+
class, id, style
+
Afin d'être utilisés avec les feuilles de style.
+
dir
+
 Le sens global de lecture des formules. Les valeurs possibles sont ltr (gauche à droite) ou rtl (droite à gauche).
+
href
+
Un hyperlien pointant vers un URI donné.
+
mathbackground
+
La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
mathcolor
+
La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
display
+
Cet attribut à valeur donnée définit la façon dont le balisage MathML doit être rendu. Il peut avoir l'une des valeurs suivantes : +
    +
  • block, ce qui signifie que cet élément sera affiché en dehors du fragment de texte courant, comme un bloc qui pourra être positionné n'importe où sans que cela change le sens du texte ;
    • +
  • inline, ce qui signifie que cet élément sera affiché au sein du fragment de texte courant et qu'il ne peut pas être déplacé sans que cela change le sens de ce texte.
    • +
+ +

La valeur par défaut, si l'attribut n'est pas présent, est inline.

+
+
mode {{ deprecated_inline() }}
+
Déprécié. L'attribut display doit être utilisé à la place. (Les anciennes valeurs possibles pour cet attribut était display - équivalent à display="block" et inline)
+
overflow
+
Définit comment l'affichage de la formule est géré si celle-ci est trop grande pour être insérée dans l'espace alloué.
+ Les valeurs possible pour cet attribut sont : linebreak (la valeur par défaut), scroll, elide, truncate, scale.
+
+ +

Exemples

+ +

Theorem of Pythagoras

+ +

Notation HTML5

+ +
<!DOCTYPE html>
+<html>
+  <head>
+    <title>MathML en HTML5</title>
+  </head>
+  <body>
+
+  <math>
+    <mrow>
+      <mrow>
+        <msup>
+          <mi>a</mi>
+          <mn>2</mn>
+        </msup>
+        <mo>+</mo>
+        <msup>
+          <mi>b</mi>
+          <mn>2</mn>
+        </msup>
+      </mrow>
+      <mo>=</mo>
+      <msup>
+        <mi>c</mi>
+        <mn>2</mn>
+      </msup>
+    </mrow>
+  </math>
+
+  </body>
+</html>
+
+ +

Notation XHTML

+ +
<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>MathML en XHTML</title>
+</head>
+<body>
+
+  <math xmlns="http://www.w3.org/1998/Math/MathML">
+    <mrow>
+      <mrow>
+        <msup>
+          <mi>a</mi>
+          <mn>2</mn>
+        </msup>
+        <mo>+</mo>
+        <msup>
+          <mi>b</mi>
+          <mn>2</mn>
+        </msup>
+      </mrow>
+      <mo>=</mo>
+      <msup>
+        <mi>c</mi>
+        <mn>2</mn>
+      </msup>
+    </mrow>
+  </math>
+
+</body>
+</html>
+ +

Note : Les documents XHTML avec du MathML doivent être servis en tant que application/xhtml+xml. Ceci est facilement réalisable en ajoutant l'extension .xhtml aux fichiers locaux. Pour les serveurs Apache, il est possible de configurer le fichier .htaccess afin que les extensions correspondent au type MIME correct. Étant donné qu'ici le MathML est utilisé au sein d'un document XML, il faut s'assurer que celui-ci est bien formé.

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}{{ Spec2('MathML2') }}Spécification initiale
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("mathml.elements.math")}}

+ +

Notes relatives à Firefox

+ +

Firefox 7.0 {{ geckoRelease("7.0") }} a introduit le support de tous les attributs MathML sur l'élément racine math (c'est à dire le même comportement que l'élément {{ MathMLElement("mstyle") }}). Cependant, l'attribut displaystyle n'avait pas été pris en compte et a été ajouté dans Firefox 8.0 {{ geckoRelease("8.0") }}.

+ +

Un moyen textuel alternatif (alttext) ou une référence à une image alternative utilisant les attributs altimg, altimg-width, altimg-height ou altimg-valign n'est pas encore, à l'heure actuelle, implémentée dans Firefox.

+ +

Voir aussi

+ + diff --git a/files/fr/web/mathml/element/menclose/index.html b/files/fr/web/mathml/element/menclose/index.html new file mode 100644 index 0000000000..a8d906b22e --- /dev/null +++ b/files/fr/web/mathml/element/menclose/index.html @@ -0,0 +1,300 @@ +--- +title: menclose +slug: Web/MathML/Element/menclose +tags: + - MathML + - 'MathML:Element' + - 'MathML:Référence' +translation_of: Web/MathML/Element/menclose +--- +

L'élément MathML <menclose> permet d'afficher son contenu groupé au sein d'une même notation, définie par l'attribut notation.

+

Attributs

+
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de styles.
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ notation
+
+ Une liste de notations à appliquer aux éléments fils, séparées par des blancs. Les symboles sont dessinés indépendamment et peuvent donc parfois se superposer. Les valeurs possibles sont :
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ValeurAffichageAffichage dans votre navigateurDescription
longdiv (valeur par défaut)longdiv a2 + b2 Symbole de division longue
actuarialactuarial a2 + b2 Symbole actuaire
radicalradical a2 + b2 Symbole de la racine carrée
boxbox a2 + b2 Boîte
roundedboxroundedbox a2 + b2 Boîte arrondie
circlecircle a2 + b2 Cercle
leftleft a2 + b2 Ligne à la gauche du contenu
rightright a2 + b2 Ligne à la droite du contenu
toptop a2 + b2 Ligne au-dessus du contenu
bottombottom a2 + b2 Ligne en-dessous du contenu
updiagonalstrikeupdiagonalstrike a2 + b2 Ligne de rayure allant du coin bas-gauche au coin haut-droit
downdiagonalstrikedowndiagonalstrike a2 + b2 Ligne de rayure allant du coin haut-gauche au coin bas-droit
verticalstrikeverticalstrike a2 + b2 Ligne de rayure verticale à travers le contenu
horizontalstrikehorizontalstrike a2 + b2 Ligne de rayure horizontale à travers le contenu
madruwbmadruwb a2 + b2 Symbole arabe pour la factorielle
updiagonalarrow a2 + b2 flèche diagonale
+
+
+

Exemples

+
<math>
+
+  <menclose notation="circle box">
+    <mi> x </mi>
+    <mo> + </mo>
+    <mi> y </mi>
+  </menclose>
+
+</math>
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support simple{{ CompatNo() }} {{webkitbug(85729)}}{{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}9.5{{ CompatNo() }} {{webkitbug(85729)}}
notation{{ CompatNo() }}Toutes les valeurs. madruwb est supporté depuis Gecko 2.0.{{ CompatNo() }}Seulement box, bottom, left, right, top, horizontalstrike{{ CompatNo() }}
href{{ CompatNo() }} {{webkitbug(85733)}}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85733)}}
mathbackground{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Support simple{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
notation{{ CompatNo() }}{{ CompatNo() }}Toutes les valeurs. madruwb est supporté depuis Gecko 2.0.{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathbackground{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

Notes spécifiques à Gecko

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}{{ Spec2('MathML2') }}Spécification initiale
+

 

diff --git a/files/fr/web/mathml/element/merror/index.html b/files/fr/web/mathml/element/merror/index.html new file mode 100644 index 0000000000..823387f930 --- /dev/null +++ b/files/fr/web/mathml/element/merror/index.html @@ -0,0 +1,166 @@ +--- +title: merror +slug: Web/MathML/Element/merror +tags: + - MathML + - 'MathML:Element' + - 'MathML:Référence' +translation_of: Web/MathML/Element/merror +--- +

L'élément MathML <merror> est utilisé afin d'afficher des contenus en tant que messages d'erreur. Sous Firefox, ce message d'erreur est affiché de la même façon qu'un message d'erreur XML. Attention : cette erreur n'est pas déclenchée lorsque le contenu MahtML est incorrect ou mal formé. Ces deux cas de figure déclencheront une erreur d'analyse du XML (dans le cas de la notation XHTML de MathML), cette erreur n'ayant aucun lien avec <merror>.

+

Attributs

+
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de styles.
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+

Exemple

+
<math>
+
+<merror>
+  <mrow>
+    <mtext> Division par zéro : </mtext>
+    <mfrac>
+      <mn> 1 </mn>
+      <mn> 0 </mn>
+    </mfrac>
+  </mrow>
+</merror>
+
+</math>
+
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support simple{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}9.55.1
href{{ CompatNo() }} {{webkitbug(85733)}}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85733)}}
mathbackground{{ CompatNo() }} (24 seulement ){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
mathcolor{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Support simple{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathbackground{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

Spécifications

+ + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.merror', 'merror') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.merror', 'merror') }}{{ Spec2('MathML2') }}Spécification initiale
+

 

diff --git a/files/fr/web/mathml/element/mfenced/index.html b/files/fr/web/mathml/element/mfenced/index.html new file mode 100644 index 0000000000..8860dd27ab --- /dev/null +++ b/files/fr/web/mathml/element/mfenced/index.html @@ -0,0 +1,106 @@ +--- +title: mfenced +slug: Web/MathML/Element/mfenced +tags: + - MathML + - 'MathML:Element' + - 'MathML:Format General Schema' + - 'MathML:Référence' + - Obsolete +translation_of: Web/MathML/Element/mfenced +--- +

{{MathMLRef}}

+ +

{{deprecated_header}} L'élément MathML <mfenced> offre la possibilité d'ajouter des parenthèses ouvrantes et fermantes personnalisées ainsi que des séparateurs (comme les virgules ou points-virgules) à une expression.

+ +
+

Il a été supprimé de la dernière norme MathML et les navigateurs modernes ne le prennent plus en charge. Utilisez les éléments {{MathMLElement("mrow")}} et {{MathMLElement("mo")}} à la place.

+
+ +

Attributs

+ +
+
class, id, style
+
Afin d'être utilisés avec les feuilles de styles.
+
close
+
Une chaîne de caractère pour le délimiteur fermant. La valeur par défaut est « ) » et tous les blancs sont tronqués.
+
href {{Deprecated_Inline()}}
+
Un hyperlien pointant vers un URI donné.
+
mathbackground {{Deprecated_Inline()}}
+
La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
mathcolor {{Deprecated_Inline()}}
+
La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ +
+
open
+
Une chaîne de caractère pour le délimiteur ouvrant. La valeur par défaut est « ( » et tous les blancs sont tronqués.
+
separators
+
Une séquence de plusieurs caractères (zéro ou plus) à utiliser pour les séparateurs, éventuellement séparés par des blancs qui seront ignorés. La valeur par défaut est  « , ». En définissant plus d'un caractère, il est possible d'utiliser différents séparateurs pour chaque argument de l'expression. Si jamais il y a trop de séparateurs, le surplus est ignoré. S'il n'y en a pas assez, le dernier séparateur est répété.
+
+ +

Exemples

+ +

Exemple 1 : Le dernier séparateur est répété (,).

+ +

Exemple d'affichage: {a;b;c,d,e}

+ +

Affichage dans votre navigateur: a b c d e

+ +
<math>
+  <mfenced open="{" close="}" separators=";;,">
+    <mi>a</mi>
+    <mi>b</mi>
+    <mi>c</mi>
+    <mi>d</mi>
+    <mi>e</mi>
+  </mfenced>
+</math>
+
+ +

Exemple 2 : Le séparateur en excès est ignoré (,).

+ +

Exemple d'affichage: [a|b|c|d|e]

+ +

Affichage dans votre navigateur: a b c d e

+ +
<math>
+  <mfenced open="[" close="]" separators="||||,">
+    <mi>a</mi>
+    <mi>b</mi>
+    <mi>c</mi>
+    <mi>d</mi>
+    <mi>e</mi>
+  </mfenced>
+</math>
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.mfenced', 'mfenced') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.mfenced', 'mfenced') }}{{ Spec2('MathML2') }}Spécification initiale
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("mathml.elements.mfenced")}}

diff --git a/files/fr/web/mathml/element/mfrac/index.html b/files/fr/web/mathml/element/mfrac/index.html new file mode 100644 index 0000000000..c6a91e8cec --- /dev/null +++ b/files/fr/web/mathml/element/mfrac/index.html @@ -0,0 +1,203 @@ +--- +title: mfrac +slug: Web/MathML/Element/mfrac +tags: + - MathML + - 'MathML:Element' + - 'MathML:Référence' +translation_of: Web/MathML/Element/mfrac +--- +

L'élément MathML <mfrac> est utilisé pour afficher des fractions.

+

La syntaxe est la suivante : <mfrac>numérateur dénominateur</mfrac>.

+

Attributs

+
+
+ bevelled
+
+ Définit la façon dont la fraction est affichée. Si l'attribut vaut true, la ligne de fraction est biseautée (/) et le numérateur et le dénominateur sont affichés côte à côté. S'il vaut false (la valeur par défaut), le numérateur sera au-dessus du dénominateur.
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de styles.
+
+ denomalign
+
+ L'alignement du dénominateur sous la fraction. Les valeurs possibles : left, center (valeur par défaut), et right.
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ linethickness
+
+ L'épaisseur de la ligne de fraction horizontale. La valeur par défaut est medium, mais l'attribut peut prendre d'autres valeurs comme thin, thick, et autres.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ numalign
+
+ L'alignement du numérateur au dessus de la barre de fraction. Les valeurs possibles sont : left, center (la valeur par défaut), et right.
+
+

Exemple

+

Exemple d'affichage : (a/b)/(c/d)

+

Affichage dans votre navigateur: a b c d

+
<math>
+  <mfrac bevelled="true">
+     <mfrac>
+        <mi> a </mi>
+        <mi> b </mi>
+     </mfrac>
+     <mfrac>
+        <mi> c </mi>
+        <mi> d </mi>
+     </mfrac>
+  </mfrac>
+</math>
+
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support simple{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}9.55.1
bevelled{{ CompatNo() }}{{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }} {{webkitbug(85733)}}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85733)}}
mathbackground{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
mathcolor{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Support simple{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
bevelled{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathbackground{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

Note relatives à Gecko

+

À partir de Gecko 7.0 {{ geckoRelease("7.0") }} la valeur medium de l'attribut linethickness a été corrigée afin de correspondre à l'épaisseur par défaut.

+

Spécifications

+ + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}{{ Spec2('MathML2') }}Spécification initiale
+

 

diff --git a/files/fr/web/mathml/element/mglyph/index.html b/files/fr/web/mathml/element/mglyph/index.html new file mode 100644 index 0000000000..e19c07131f --- /dev/null +++ b/files/fr/web/mathml/element/mglyph/index.html @@ -0,0 +1,70 @@ +--- +title: +slug: Web/MathML/Element/mglyph +tags: + - Element + - MathML + - Reference +translation_of: Web/MathML/Element/mglyph +--- +
{{MathMLRef}}
+ +

L'élément MathML <mglyph> est utilisé afin d'afficher des symboles non-standards n'ayant pas de caractères Unicode correspondants. Cet élément peut être utilisé avec les éléments jetons.

+ +

Attributs

+ +
+
alt
+
Cet attribut définit le texte alternatif décrivant l'image. Ce texte sera affiché si l'URL est incorrecte, si le format de l'image n'est pas supporté ou jusqu'à la fin du téléchargement de l'image.
+
class, id, style
+
Afin d'être utilisés avec les feuilles de styles.
+
height
+
La hauteur de l'image.
+
href
+
Un hyperlien pointant vers un URI donné.
+
mathbackground
+
La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
src
+
L'URL de l'image.
+
valign
+
Définit l'alignement vertical par rapport à la ligne de base courante.
+
width
+
La largeur de l'image.
+
+ +

Exemples

+ +
<math>
+  <mi><mglyph src="mon-glyphe.png" alt="mon glyphe"/></mi>
+</math>
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.mglyph', 'mglyph') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.mglyph', 'mglyph') }}{{ Spec2('MathML2') }}Spécification initiale
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("mathml.elements.mglyph")}}

diff --git a/files/fr/web/mathml/element/mi/index.html b/files/fr/web/mathml/element/mi/index.html new file mode 100644 index 0000000000..07dfa2bd4f --- /dev/null +++ b/files/fr/web/mathml/element/mi/index.html @@ -0,0 +1,231 @@ +--- +title: mi +slug: Web/MathML/Element/mi +tags: + - MathML + - 'MathML:Element' + - 'MathML:Référence' +translation_of: Web/MathML/Element/mi +--- +

L'élément MathML <mi> indique que le contenu doit être affiché comme un identifiant (comme les noms de fonctions, de variables ou les constantes symboliques). Il est également possible de l'utiliser avec du texte en général pour annoter.

+

Attributs

+
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de styles.
+
+ dir
+
+ Le sens de lecture du texte. Les valeurs possibles sont soit ltr (left to right pour gauche à droite) or rtl (right to left pour droite à gauche).
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathsize
+
+ La taille du contenu. Les valeurs possibles sont : +
    +
  • small : La police utilisée sera plus petite que la police courante.
    • +
  • normal : Équivalent à 100% ou 1em.
    • +
  • big : La police utilisée sera plus grande que la police courante.
    • +
  • Une longueur quelconque.
    • +
  • ou une valeur sans unité qui multiplie la taille par défaut.
    • +
+
+
+ mathvariant (implémenté en partie : voir {{ bug("114365") }} et {{ bug("162405") }})
+
+ La classe logique des identifiants, variant selon la typographie. Cela veut dire que, bien que les noms suggèrent une certaine mise en forme, les éléments d'une même classe seront traités de la même manière au sein d'une même expression. Cela peut, ou pas, impliquer un affichage avec la typographie mentionnée. Les valeurs suivantes sont autorisées : +
    +
  • normal (La valeur par défaut pour plus d'un caractère)
    • +
  • bold
    • +
  • italic (La valeur par défaut pour un seul caractère)
    • +
  • bold-italic
    • +
+
    +
  • double-struck {{ unimplemented_inline() }}
    • +
  • bold-fraktur {{ unimplemented_inline() }} (la mise en gras fonctionne)
    • +
  • script {{ unimplemented_inline() }}
    • +
  • bold-script {{ unimplemented_inline() }} (la mise en gras fonctionne)
    • +
  • fraktur {{ unimplemented_inline() }}
    • +
+
    +
  • sans-serif
    • +
  • bold-sans-serif
    • +
  • sans-serif-italic
    • +
  • sans-serif-bold-italic
    • +
  • monospace
    • +
+
    +
  • initial {{ unimplemented_inline() }}
    • +
  • tailed {{ unimplemented_inline() }}
    • +
  • looped {{ unimplemented_inline() }}
    • +
  • stretched {{ unimplemented_inline() }}
    • +
+
+
+

Exemples

+
<math>
+
+  <mi> y </mi>
+
+  <mi> sin </mi>
+
+  <mi mathvariant="monospace"> x </mi>
+
+  <mi mathvariant="bold"> &pi; </mi>
+
+</math>
+
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support simple{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}9.55.1
attribut dir{{ CompatNo() }}{{ CompatGeckoDesktop("12.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
attribut href{{ CompatNo() }} {{webkitbug(85733)}}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85733)}}
attribut mathsize{{ CompatNo() }} (24 seulement){{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
attribut mathvariant{{ CompatNo() }} (24 seulement)en partie supporté (voir ci-avant){{ CompatNo() }}en partie supporté, (voir ci-avant) [*]en partie supporté, (voir ci-avant) [*]
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Support simple{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.9.2") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
attribut dir{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("12.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
attribut href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
attribut mathsize{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.9.2") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
attribut mathvariant{{ CompatNo() }}{{ CompatNo() }}en partie supporté (voir ci-avant){{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

[*] La police ne change pas vers normal quand le contenu est plus qu'un seul caractère.

+

Note relative à Gecko

+

À partir de Gecko 20.0 {{geckoRelease("20.0")}} une valeur sans unité est autorisée pour mathsize.

+

Spécification

+ + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.mi', 'mi') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.mi', 'mi') }}{{ Spec2('MathML2') }}Spécification initiale
+

 

diff --git a/files/fr/web/mathml/element/mover/index.html b/files/fr/web/mathml/element/mover/index.html new file mode 100644 index 0000000000..fa0d02b872 --- /dev/null +++ b/files/fr/web/mathml/element/mover/index.html @@ -0,0 +1,213 @@ +--- +title: +slug: Web/MathML/Element/mover +translation_of: Web/MathML/Element/mover +--- +

{{MathMLRef()}}

+

L'élément MathML <mover> est utilisé pour attacher un accent ou une limite au-dessus d'une expression. La syntaxe est la suivante: <mover> base overscript </mover>

+

Attributs

+
+
+ accent
+
+ Lorsqu'il vaut true le script au-dessus est un accent, qui est affiché plus près de la base.
+ Lorsqu'il vaut false (valeur par défaut) le script au-dessus est une limite au-dessus de la base.
+
+ align
+
+ L'alignement du script au-dessus. Les valeurs possibles sont : left, center, et right.
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de styles.
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+

Exemples

+

Exemple de rendu: x+y+z

+

Rendu dans votre navigateur : x + y + z ⏞

+
<math>
+
+<mover accent="true">
+  <mrow>
+    <mi> x </mi>
+    <mo> + </mo>
+    <mi> y </mi>
+    <mo> + </mo>
+    <mi> z </mi>
+  </mrow>
+  <mo> &#x23DE; <!--TOP CURLY BRACKET--> </mo>
+</mover>
+
+</math>
+
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatNo() }} (24 only){{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}9.55.1
accent{{ CompatNo() }}{{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
align{{ CompatNo() }}{{ CompatGeckoDesktop("12.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }} {{webkitbug(85733)}}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }} {{webkitbug(85733)}}
mathbackground{{ CompatNo() }} (24 only){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
mathcolor{{ CompatNo() }} (24 only){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
accent{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
align{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathbackground{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

Spécifications

+ + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{ SpecName('MathML3', 'chapter3.html#presm.mover', 'mover') }}{{ Spec2('MathML3') }}Spécification courante
{{ SpecName('MathML2', 'chapter3.html#presm.mover', 'mover') }}{{ Spec2('MathML2') }}Spécification initiale
+

Voir aussi

+
    +
  • {{ MathMLElement("munder") }} (Underscript)
    • +
  • {{ MathMLElement("munderover") }} (Underscript-overscript pair)
    • +
diff --git a/files/fr/web/mathml/element/msub/index.html b/files/fr/web/mathml/element/msub/index.html new file mode 100644 index 0000000000..d238453489 --- /dev/null +++ b/files/fr/web/mathml/element/msub/index.html @@ -0,0 +1,83 @@ +--- +title: +slug: Web/MathML/Element/msub +translation_of: Web/MathML/Element/msub +--- +
{{MathMLRef}}
+ +

L'élément MathML <msub> est utilisé pour attaché un indice à une expression. On utilise la syntaxe suivante: <msub> base indice </msub>.

+ +

Attributes

+ +
+
class, id, style
+
Fournit pour être utilisé avec stylesheets.
+
href
+
Utilisé pour ajouter un hyperlien vers une URI.
+
mathbackground
+
La couleur d'arrière plan. Vous pouvez utiliser #rgb, #rrggbb et les noms de couleurs HTML.
+
mathcolor
+
La couleur du texte. Vous pouvez utiliser #rgb, #rrggbb et les noms de couleurs HTML.
+
subscriptshift
+
The minimum space by which to shift the subscript below the baseline of the expression, as a length value.
+
+ +

Example

+ +

Image fixe: x1

+ +

Rendu dans votre navigateur: X 1

+ +
<math>
+
+  <msub>
+    <mi>X</mi>
+    <mn>1</mn>
+  </msub>
+
+</math>
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('MathML3', 'chapter3.html#presm.msub', 'msub') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }}{{ Spec2('MathML2') }}Spéficication initiale.
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("mathml.elements.msub")}}

+ +

Notes spécifiques à Gecko

+ +
    +
  • À partir de Gecko 26.0 {{geckoRelease("26")}} il ne sera bientôt plus possible d'utiliser <none/> comme un élément enfant. The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msup")}} and {{MathMLElement("mmultiscripts")}} and a bug with an incorrect application of the superscriptshift attribute has been fixed (see {{bug("827713")}} for details).
    • +
+ +

Voir aussi

+ +
    +
  • {{ MathMLElement("msup") }} (Superscript)
    • +
  • {{ MathMLElement("msubsup") }} (Subscript-superscript pair)
    • +
  • {{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)
    • +
diff --git a/files/fr/web/mathml/element/munder/index.html b/files/fr/web/mathml/element/munder/index.html new file mode 100644 index 0000000000..fad321574e --- /dev/null +++ b/files/fr/web/mathml/element/munder/index.html @@ -0,0 +1,214 @@ +--- +title: +slug: Web/MathML/Element/munder +translation_of: Web/MathML/Element/munder +--- +

{{MathMLRef()}}

+

L'élément MathML <munder> est utilisé pour attacher un accent ou une limite sous une expression. La syntaxe est la suivante: <munder> base script-en-dessous </munder>

+

Attributs

+
+
+ accentunder
+
+ Lorsqu'il a pour valeur true, l'élément est un accent, qui est affiché plus près de la base.
+ Lorsqu'il a pour valeur false (valeur par défaut), l'élément est une limite sous la base.
+
+ align
+
+ l'alignement du script en dessous. Les valeurs possibles sont: left, center, et right.
+
+ class, id, style
+
+ Afin d'être utilisés avec les feuilles de style.
+
+ href
+
+ Un hyperlien pointant vers un URI donné.
+
+ mathbackground
+
+ La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ mathcolor
+
+ La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+

Exemples

+

Exemple de rendu: x+y+z

+

Rendu dans votre navigateur: x + y + z ⏟

+
<math>
+
+<munder accentunder="true">
+  <mrow>
+    <mi> x </mi>
+    <mo> + </mo>
+    <mi> y </mi>
+    <mo> + </mo>
+    <mi> z </mi>
+  </mrow>
+  <mo> &#x23DF; <!--BOTTOM CURLY BRACKET--> </mo>
+</munder>
+
+</math>
+
+

Compatibilité des navigateurs

+

{{ CompatibilityTable() }}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatNo() }} (24 only){{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}9.55.1
accentunder{{ CompatNo() }}{{ CompatGeckoDesktop("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
align{{ CompatNo() }}{{ CompatGeckoDesktop("12.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatGeckoDesktop("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+ {{webkitbug(85733)}}
mathbackground{{ CompatNo() }} (24 only){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
mathcolor{{ CompatNo() }} (24 only){{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}5.1
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
accentunder{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("1.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
align{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("12.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
href{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("7.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathbackground{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
mathcolor{{ CompatNo() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
+
+

Spécifications

+ + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }}{{ Spec2('MathML3') }}Current specification
{{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }}{{ Spec2('MathML2') }}Initial specification
+

Voir aussi

+
    +
  • {{ MathMLElement("mover") }} (Overscript)
    • +
  • {{ MathMLElement("munderover") }} (Underscript-overscript pair)
    • +
diff --git a/files/fr/web/mathml/element/munderover/index.html b/files/fr/web/mathml/element/munderover/index.html new file mode 100644 index 0000000000..5a158a40f8 --- /dev/null +++ b/files/fr/web/mathml/element/munderover/index.html @@ -0,0 +1,88 @@ +--- +title: +slug: Web/MathML/Element/munderover +tags: + - MathML + - 'MathML:Element' + - Référence MathML +translation_of: Web/MathML/Element/munderover +--- +

{{MathMLRef()}}

+ +

L'élément MathML <munderover> est utilisé pour attacher des accents et limites à la fois en-dessous et au-dessus d'une expression.
+ La syntaxe est la suivante: <munder> base script-en-dessous script-au-dessus </munder>

+ +

Attributs

+ +
+
accent
+
Lorsqu'il vaut true, le script au dessus est un accent, qui est affiché plus près de la base.
+ Lorsqu'il vaut false (valeur par défaut), le script au dessus est une limite au dessus de la base.
+
accentunder
+
Lorsqu'il vaut true, le script en dessous est un accent, qui est affiché plus près de la base.
+ Lorsqu'il vaut false (valeur par défaut), le script en dessous est une limite en dessous de la base.
+
align {{deprecated_inline}}
+
L'alignment des scripts en dessous et au dessus. Les valeurs possibles sont: left, center, et right.
+
class, id, style
+
Afin d'être utilisés avec les feuilles de styles.
+
href
+
Un hyperlien pointant vers un URI donné.
+
mathbackground
+
La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
mathcolor
+
La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
+
+ +

Exemples

+ +

Exemple de rendu: integral-0-infinity

+ +

Rendu dans votre navigateur: ∫ 0 ∞

+ +
<math displaystyle="true">
+
+  <munderover >
+    <mo> &#x222B; <!--INTEGRAL--> </mo>
+    <mn> 0 </mn>
+    <mi> &#x221E; <!--INFINITY--> </mi>
+  </munderover>
+
+</math>
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('MathML3', 'chapter3.html#presm.munderover', 'munderover') }}{{ Spec2('MathML3') }}Current specification
{{ SpecName('MathML2', 'chapter3.html#presm.munderover', 'munderover') }}{{ Spec2('MathML2') }}Initial specification
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("mathml.elements.munderover")}}

+ +

Voir aussi

+ +
    +
  • {{ MathMLElement("munder") }} (Underscript)
    • +
  • {{ MathMLElement("mover") }} (Overscript)
    • +
diff --git "a/files/fr/web/mathml/exemples/d\303\251river_la_formule_quadratique/index.html" "b/files/fr/web/mathml/exemples/d\303\251river_la_formule_quadratique/index.html" new file mode 100644 index 0000000000..9a7f5ac867 --- /dev/null +++ "b/files/fr/web/mathml/exemples/d\303\251river_la_formule_quadratique/index.html" @@ -0,0 +1,13 @@ +--- +title: 'MathML: Dériver la formule quadratique' +slug: Web/MathML/Exemples/Dériver_la_Formule_Quadratique +tags: + - Débutant + - Education + - Guide + - MathML +translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula +--- +

Dans cette page, on rédige la démonstration de la détermination des racines d'un polynôme quadratique :

+ +

a ⁢ x 2 + b ⁢ x + c = 0 a ⁢ x 2 + b ⁢ x = - c x 2 + b a ⁤ x = -c a On divise par le premier coefficient du polynôme. x 2 + b a ⁤ x + b 2 a 2 = - c ( 4 a ) a ( 4 a ) + b 2 4 a 2 On rajoute un terme pour avoir un carré. ( x + b 2 a ) ( x + b 2 a ) = b 2 - 4 a c 4 a 2 Ici, on obtient la valeur du discriminant. ( x + b 2 a ) 2 = b 2 - 4 a c 4 a 2 x + b 2 a = b 2 - 4 a c 4 a 2 x = -b 2 a ±{C} b 2 - 4 a c 4 a 2 x = - b ±{C} b 2 - 4 a c 2 a

diff --git a/files/fr/web/mathml/exemples/index.html b/files/fr/web/mathml/exemples/index.html new file mode 100644 index 0000000000..c3614e43b5 --- /dev/null +++ b/files/fr/web/mathml/exemples/index.html @@ -0,0 +1,27 @@ +--- +title: Exemples +slug: Web/MathML/Exemples +tags: + - Accueil + - Beginner + - Composing + - Débuttant + - Intro + - MathML +translation_of: Web/MathML/Examples +--- +

Cette rubrique rassemble des exemples pour vous aider à comprendre comment utiliser MathML dans l'affichage des formules mathématiques complexes au sein de vos pages Web.

+
+
+ Théorème de Pythagore
+
+ Petit exemple de démonstration du théorème de Pythagore.
+
+ Résolution de l'équation quadratique
+
+ Étapes de la résolution de l'équation quadratique.
+
+ Tests de rendu MathML
+
+ Un ensemble test de rendu de formules.
+
diff --git a/files/fr/web/mathml/exemples/mathml_theoreme_de_pythagore/index.html b/files/fr/web/mathml/exemples/mathml_theoreme_de_pythagore/index.html new file mode 100644 index 0000000000..d64afcc40b --- /dev/null +++ b/files/fr/web/mathml/exemples/mathml_theoreme_de_pythagore/index.html @@ -0,0 +1,16 @@ +--- +title: Preuve du théorème de Pythagore +slug: Web/MathML/Exemples/MathML_Theoreme_de_Pythagore +tags: + - Débutant + - Education mathématique + - Exemple + - HTML5 Math + - MathML +translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem +--- +

Nous allons prouver le théorème de Pythagore :

+ +

Définition : dans un triangle rectangle, le carré de l'hypoténuse est égal à la somme des carrés des deux autres côtés (appelés cathètes). Ainsi, soient a et b les cathètes et c l'hypothénuse, on a a 2 + b 2 = c 2 .

+ +

Preuve : nous pouvons le prouver de façon algébrique en montrant que l'aire du grand carré est égale à l'aire du carré intérieur, ajoutée à l'aire des 4 triangles : ( a + b ) 2 = c 2 + 4 ⋅ ( 1 2 a b ) a 2 + 2 a b + b 2 = c 2 + 2 a b a 2 + b 2 = c 2

diff --git a/files/fr/web/mathml/index.html b/files/fr/web/mathml/index.html new file mode 100644 index 0000000000..c5bf1a9e0e --- /dev/null +++ b/files/fr/web/mathml/index.html @@ -0,0 +1,70 @@ +--- +title: MathML +slug: Web/MathML +tags: + - Landing + - MathML + - Reference + - Web + - XML +translation_of: Web/MathML +--- +

Mathematical Markup Language (MathML) est un dialecte de XML permettant de décrire des formules mathématiques à la fois dans leur structure et dans leur contenu.

+ +

Vous trouverez ici des liens vers la documentation, les exemples et les outils permettant de travailler avec cette technologie. Pour un bref aperçu, veuillez consulter la présentation pour le Mozilla Summit Innovation Fair de 2013 (en).

+ +
+
+

Documentations à propos de MathML

+ +
+
Référence des éléments MathML
+
Des informations précises sur chaque élément MathML et leurs compatibilités avec les différents navigateurs.
+
Référence des attributs MathML
+
Des informations sur les attributs MathML qui modifient l'apparence ou le comportement des éléments.
+
Exemples avec MathML
+
Des fragments de code MathML ainsi que des exemples pour comprendre comment ça fonctionne.
+
Éditer du MathML
+
Des conseils sur l'édition de document en MathML : quels éditeurs à utiliser et comment intégrer le code produit dans du contenu web.
+
+ +

Voir tout...

+
+ +
+

Obtenir de l'aide de la communauté

+ + + +

Outils facilitant le développement avec MathML

+ + + + + + +
+
+ +

Compatibilité des navigateurs

+ +

{{Compat("mathml.elements.math", 0)}}

diff --git a/files/fr/web/mathml/index/index.html b/files/fr/web/mathml/index/index.html new file mode 100644 index 0000000000..f3f63acd94 --- /dev/null +++ b/files/fr/web/mathml/index/index.html @@ -0,0 +1,8 @@ +--- +title: Index de la documentation MathML +slug: Web/MathML/Index +tags: + - MathML +translation_of: Web/MathML/Index +--- +

{{Index("/fr/docs/Web/MathML")}}

-- cgit v1.2.3-54-g00ecf