diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-11-11 08:25:39 +0100 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-11 09:10:36 +0100 |
| commit | 2aadda2dc034816401f35a5bec5795d8a4ab44fd (patch) | |
| tree | 81c6daf07963c91365c84d70c51b208a97ae6869 | |
| parent | c391017c96c827a66e007d2eba6992a66b18b6b1 (diff) | |
| download | translated-content-2aadda2dc034816401f35a5bec5795d8a4ab44fd.tar.gz translated-content-2aadda2dc034816401f35a5bec5795d8a4ab44fd.tar.bz2 translated-content-2aadda2dc034816401f35a5bec5795d8a4ab44fd.zip | |
convert content to md
20 files changed, 1335 insertions, 2217 deletions
diff --git a/files/fr/web/mathml/attribute/index.md b/files/fr/web/mathml/attribute/index.md index aae171cae6..c1b4fdffae 100644 --- a/files/fr/web/mathml/attribute/index.md +++ b/files/fr/web/mathml/attribute/index.md @@ -3,482 +3,107 @@ title: Référence des attributs MathML slug: Web/MathML/Attribute tags: - MathML - - 'MathML:Référence' + - MathML:Référence translation_of: Web/MathML/Attribute --- -<div>{{MathMLRef}}</div> +{{MathMLRef}} -<div></div> +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](/fr/docs/MathML/Element). -<p>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 <a href="/fr/docs/MathML/Element">éléments</a>.</p> +> **Note :** +> +> - Les éléments MathML {{ MathMLElement("mstyle") }} et {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} acceptent tous les attributs de tous les éléments de présentations MathML. +> - Voir les [valeurs](/fr/docs/MathML/Attributes/Values) pour des notes sur les valeurs et les unités utilisées en MathML. +> - Les attributs `background`, `color`, `fontfamily`, `fontsize`, `fontstyle`, `fontweight` et `xlink:href` sont dépréciés. +> - Les attributs [XLink](/fr/docs/Glossaire/XLink) `xlink:actuate`, `xlink:href`, `xlink:show` et `xlink:type` sur les éléments MathML sont dépréciés. -<div class="note"> -<p><strong>Note :</strong></p> - -<ul> - <li>Les éléments MathML {{ MathMLElement("mstyle") }} et {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} acceptent tous les attributs de tous les éléments de présentations MathML.</li> - <li>Voir les <a href="/fr/docs/MathML/Attributes/Values">valeurs</a> pour des notes sur les valeurs et les unités utilisées en MathML.</li> - <li>Les attributs <code>background</code>, <code>color</code>, <code>fontfamily</code>, <code>fontsize</code>, <code>fontstyle</code>, <code>fontweight</code> et <code>xlink:href</code> sont dépréciés.</li> - <li>Les attributs <a href="/fr/docs/Glossaire/XLink">XLink</a> <code>xlink:actuate</code>, <code>xlink:href</code>, <code>xlink:show</code> et <code>xlink:type</code> sur les éléments MathML sont dépréciés.</li> -</ul> -</div> - -<table class="standard-table"> - <thead> - <tr> - <th>Nom</th> - <th>Éléments pouvant utiliser cet attribut</th> - <th>Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>accent</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}</td> - <td>Un booléen définissant si oui ou non l'opérateur doit être traité comme un accent.</td> - </tr> - <tr> - <td><code>accentunder</code></td> - <td>{{ MathMLElement("munder") }}, {{ MathMLElement("munderover") }}</td> - <td>Un booléen définissant si oui ou non l'opérateur doit être traité comme un accent.</td> - </tr> - <tr> - <td><code>actiontype</code></td> - <td>{{ MathMLElement("maction") }}</td> - <td>Une chaîne de caractère définissant l'action se produisant pour cet élément.</td> - </tr> - <tr> - <td><code>align</code> {{deprecated_inline}}</td> - <td>{{ MathMLElement("mtable") }}<br> - {{ MathMLElement("munder") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}<br> - {{ MathMLElement("mstack") }}</td> - <td>Définit les différents alignements de plusieurs éléments (consulter les pages des éléments pour plus de détails).</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>alignmentscope</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Un booléen définissant si oui ou non les colonnes d'un tableau doivent définir la portée de l'alignement.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }}<br> - <code>altimg</code><br> - <code>altimg-width</code><br> - <code>altimg-height</code><br> - <code>altimg-valign</code><br> - <code>alttext</code></td> - <td>{{ MathMLElement("math") }}</td> - <td>Alternatives visuelles et textuelles.</td> - </tr> - <tr> - <td><code>bevelled</code> {{deprecated_inline}}</td> - <td>{{ MathMLElement("mfrac") }}</td> - <td>Définit la manière dont la fraction est affichée.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>charalign</code></td> - <td>{{ MathMLElement("mstack") }}</td> - <td>Définit l'alignement horizontal des chiffres.</td> - </tr> - <tr> - <td><code>close</code></td> - <td>{{ MathMLElement("mfenced") }}</td> - <td>Une chaîne de caractère pour le symbole fermant.</td> - </tr> - <tr> - <td><code>columnalign</code></td> - <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}, {{ MathMLElement("mlabeledtr") }}</td> - <td>Définit l'alignement horizontal des cellules d'un tableau.</td> - </tr> - <tr> - <td><code>columnlines</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit les bordures des colonnes d'un tableau.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>columnspacing</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit l'espace entre les colonnes d'un tableau.</td> - </tr> - <tr> - <td><code>columnspan</code></td> - <td>{{ MathMLElement("mtd") }}</td> - <td>Un entier positif qui indique sur combien de colonnes s'étend une cellule d'un tableau.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>columnwidth</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit la largeur des colonnes d'un tableau.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>crossout</code></td> - <td>{{ MathMLElement("mscarry") }}</td> - <td>Définit le type de ligne à afficher pour rayer les retenues.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>decimalpoint</code></td> - <td>{{ MathMLElement("mstyle") }}</td> - <td>Si la valeur <code>decimalpoint</code> est utilisée pour définir l'<a href="/fr/docs/Web/MathML/Attribute#align">alignement</a>, cet attribut définit la caractère sur lequel aligner les colonnes des éléments {{ MathMLElement("mstack") }} et {{ MathMLElement("mtable") }}.</td> - </tr> - <tr> - <td><code>denomalign</code> {{deprecated_inline}}</td> - <td>{{ MathMLElement("mfrac") }}</td> - <td>L'alignement du dénominateur sous la fraction.</td> - </tr> - <tr> - <td><code>depth</code></td> - <td>{{ MathMLElement("mpadded") }}</td> - <td>Définit ou incrément la profondeur. Voir <a href="/fr/docs/MathML/Attributes/Values">longueur</a>.</td> - </tr> - <tr> - <td><code>dir</code></td> - <td>{{ MathMLElement("math") }}, {{ MathMLElement("mi") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("mrow") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> - <td>La direction du texte. Les valeurs possibles sont : ltr (<em>left to right</em> pour gauche à droite) ou rtl (<em>right to left</em> pour droite à gauche).</td> - </tr> - <tr> - <td><code>display</code></td> - <td>{{ MathMLElement("math") }}</td> - <td>Définit le mode d'affichage. Les valeurs <code>block</code> et <code>inline</code> sont autorisées.</td> - </tr> - <tr> - <td><code>displaystyle</code></td> - <td>{{ MathMLElement("mstyle") }}, {{ MathMLElement("mtable") }}</td> - <td>Un booléen indiquant si oui ou non plus d'espace vertical sera utilisé pour afficher les équations. S'il vaut <code>false</code>, l'affichage sera organisé de manière plus compacte.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>edge</code></td> - <td>{{ MathMLElement("malignmark") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>equalcolumns</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Un booléen indiquant si oui ou non les colonnes doivent avoir la même hauteur totale.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>equalrows</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Un booléen indiquant si oui ou non les lignes doivent avoir la même hauteur totale.</td> - </tr> - <tr> - <td><code>fence</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>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.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>form</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>Définit le rôle de l'opérateur dans une expression groupée.</td> - </tr> - <tr> - <td><code>frame</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit toutes les bordures d'un élément {{ MathMLElement("mtable") }}. Les valeurs possibles sont : <code>none</code> (la valeur par défaut), <code>solid</code> et <code>dashed</code>.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>framespacing</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit l'espace à ajouter entre le tableau et la <code>frame</code>.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>groupalign</code></td> - <td>{{ MathMLElement("maligngroup") }}, {{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> - <td></td> - </tr> - <tr> - <td><code>height</code></td> - <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}</td> - <td>Définit la hauteur souhaitée. Voir les <a href="/fr/docs/MathML/Attributes/Values">longueurs</a> pour les différentes valeurs possibles.</td> - </tr> - <tr> - <td><code>href</code></td> - <td><em>Tous</em></td> - <td>Utiliser pour créer un hyperlien vers un URI donné.</td> - </tr> - <tr> - <td><code>id</code></td> - <td><em>Tous</em></td> - <td>Définit un identifiant unique associé à l'élément.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indentalign</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indentalignfirst</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indentalignlast</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indentshift</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indentshiftfirst</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indentshiftlast</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>indenttarget</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>infixlinebreakstyle</code></td> - <td>{{ MathMLElement("mstyle") }}</td> - <td>Définit le <code>linebreakstyle</code> par défaut à utiliser avec les opérateurs affixes.</td> - </tr> - <tr> - <td><code>largeop</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>Définit si oui ou non l'opérateur doit être affiché avec une taille plus grande que la normale</td> - </tr> - <tr> - <td><code>length</code></td> - <td>{{ MathMLElement("msline") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>linebreak</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>linebreakmultchar</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>linebreakstyle</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>lineleading</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td></td> - </tr> - <tr> - <td><code>linethickness</code></td> - <td>{{ MathMLElement("mfrac") }}</td> - <td>L'épaisseur de la ligne de fraction horizontale.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>location</code></td> - <td>{{ MathMLElement("mscarries") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>longdivstyle</code></td> - <td>{{ MathMLElement("mlongdiv") }}</td> - <td>Contrôle la mise en forme d'une division longue.</td> - </tr> - <tr> - <td><code>lspace</code></td> - <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mpadded") }}</td> - <td>Le nombre d'espaces avant l'opérateur (voir les <a href="/fr/docs/MathML/Attributes/Values">longueurs</a> pour les différentes valeurs possibles).</td> - </tr> - <tr> - <td><code>lquote</code></td> - <td>{{ MathMLElement("ms") }}</td> - <td>Le caractère de début de citation (selon <code>dir</code>) encadrant le contenu. La valeur par défaut est "<code>&quot;</code>".</td> - </tr> - <tr> - <td><code>mathbackground</code></td> - <td><em>Tous</em></td> - <td>La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</td> - </tr> - <tr> - <td><code>mathcolor</code></td> - <td><em>Tous</em></td> - <td>La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</td> - </tr> - <tr> - <td><code>mathsize</code></td> - <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> - <td>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.</td> - </tr> - <tr> - <td><code>mathvariant</code></td> - <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> - <td>La classe logique de l'identifiant, varie selon la typographie.</td> - </tr> - <tr> - <td><code>maxsize</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>La taille maximum de l'opérateur.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>minlabelspacing</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Une valeur de longueur définissant l'espace minimum entre un{{ MathMLElement("mlabeledtr") }} et la cellule adjacente du tableau.</td> - </tr> - <tr> - <td><code>minsize</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>La taille minimum de l'opérateur.</td> - </tr> - <tr> - <td><code>movablelimits</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>Définit si oui ou non les indices au-dessus et en-dessous peuvent apparaître respectivement comme exposants et indices.</td> - </tr> - <tr> - <td><code>notation</code></td> - <td>{{ MathMLElement("menclose") }}</td> - <td>Une liste de notations, séparées par des blancs, à appliquer aux éléments fils.</td> - </tr> - <tr> - <td><code>numalign</code> {{deprecated_inline}}</td> - <td>{{ MathMLElement("mfrac") }}</td> - <td>L'alignement du numérateur au dessus de la barre de fraction.</td> - </tr> - <tr> - <td><code>open</code></td> - <td>{{ MathMLElement("mfenced") }}</td> - <td>Une chaîne de caractère pour un délimiteur ouvrant.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>overflow</code></td> - <td>{{ MathMLElement("math") }}</td> - <td>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.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>position</code></td> - <td>{{ MathMLElement("msgroup") }}, {{ MathMLElement("msrow") }}, {{ MathMLElement("mscarries") }}, {{ MathMLElement("msline") }}</td> - <td></td> - </tr> - <tr> - <td><code>rowalign</code></td> - <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> - <td>Définit l'alignement vertical des cellules d'un tableau.</td> - </tr> - <tr> - <td><code>rowlines</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit les bordures des lignes d'un tableau.</td> - </tr> - <tr> - <td><code>rowspacing</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit l'espace entre les lignes d'un tableau.</td> - </tr> - <tr> - <td><code>rowspan</code></td> - <td>{{ MathMLElement("mtd") }}</td> - <td>Un entier positif ou nul dont la valeur indique sur combien de lignes la celulle doit s'étendre.</td> - </tr> - <tr> - <td><code>rspace</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>Le nombre d'espaces après l'opérateur.</td> - </tr> - <tr> - <td><code>rquote</code></td> - <td>{{ MathMLElement("ms") }}</td> - <td>Le symbole de fin de citation (dépendant de <code>dir</code>) pour encadrer le contenu. La valeur par défaut est "<code>&quot;</code>".</td> - </tr> - <tr> - <td><code>scriptlevel</code></td> - <td>{{ MathMLElement("mstyle") }}</td> - <td>Contrôle principalement la taille de la police. Plus le <code>scriptlevel</code> est grand, plus la taille de police est petite.</td> - </tr> - <tr> - <td><code>scriptminsize</code></td> - <td>{{ MathMLElement("mstyle") }}</td> - <td>Définit la taille de police minimale à utiliser avec les changements de <code>scriptlevel</code>.<br> - À 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 ».</td> - </tr> - <tr> - <td><code>scriptsizemultiplier</code></td> - <td>{{ MathMLElement("mstyle") }}</td> - <td>Définit le multiplicateur à utiliser pour ajuster la taille de police après les changements de <code>scriptlevel</code>.</td> - </tr> - <tr> - <td><code>selection</code></td> - <td>{{ MathMLElement("maction") }}</td> - <td>L'élément fils auquel s'applique l'action.</td> - </tr> - <tr> - <td><code>separator</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>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.</td> - </tr> - <tr> - <td><code>separators</code></td> - <td>{{ MathMLElement("mfenced") }}</td> - <td>Une suite de plusieurs caractères (zéro ou plus) devant être utilisés en tant que séparateurs.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>shift</code></td> - <td>{{ MathMLElement("msgroup") }}</td> - <td></td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>side</code></td> - <td>{{ MathMLElement("mtable") }}</td> - <td>Définit la position à laquelle les éléments {{ MathMLElement("mlabeledtr") }} devraient être placés.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>src</code></td> - <td>{{ MathMLElement("mglyph") }}</td> - <td>L'emplacement de l'image ressource.</td> - </tr> - <tr> - <td>{{ unimplemented_inline() }} <code>stackalign</code></td> - <td>{{ MathMLElement("mstack") }}</td> - <td></td> - </tr> - <tr> - <td><code>stretchy</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>Définit si oui ou non l'opérateur doit s'étirer afin d'être de la taille de l'élément adjacent.</td> - </tr> - <tr> - <td><code>subscriptshift</code> {{deprecated_inline}}</td> - <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msub") }}, {{ MathMLElement("msubsup") }}</td> - <td>L'espace minimum qui doit être laissé entre l'indice et la ligne de base de l'expression.</td> - </tr> - <tr> - <td><code>supscriptshift</code> {{deprecated_inline}}</td> - <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msup") }}, {{ MathMLElement("msubsup") }}</td> - <td>L'espace minimum qui doit être laissé entre l'exposant et la ligne de base de l'expression.</td> - </tr> - <tr> - <td><code>symmetric</code></td> - <td>{{ MathMLElement("mo") }}</td> - <td>Si l'attribut <code>stretchy</code> vaut <code>true</code>, 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).</td> - </tr> - <tr> - <td><code>voffset</code></td> - <td>{{ MathMLElement("mpadded") }}</td> - <td>Définit la position verticale d'un contenu fils.</td> - </tr> - <tr> - <td><code>width</code></td> - <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}, {{ MathMLElement("mtable") }}</td> - <td>Définit la largeur souhaitée. Voir les <a href="/fr/docs/Web/MathML/Attribute/Values">longueurs</a> pour les valeurs possibles.</td> - </tr> - <tr> - <td><code>xlink:href</code> {{deprecated_inline}}</td> - <td><em>Tous</em></td> - <td>Peut être utilisé pour former un hyperlien avec un URI donné. Cependant, il est conseillé d'utiliser l'attribut <code>href</code> à la place.</td> - </tr> - <tr> - <td><code>xmlns</code></td> - <td>{{ MathMLElement("math") }}</td> - <td>Définit l'URI de l'espace de nom MathML (<code><a href="http://www.w3.org/1998/Math/MathML" rel="freelink">http://www.w3.org/1998/Math/MathML</a></code>)</td> - </tr> - </tbody> -</table> +| Nom | Éléments pouvant utiliser cet attribut | Description | +| ------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `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](/fr/docs/Web/MathML/Attribute#align), 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](/fr/docs/MathML/Attributes/Values). | +| `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](/fr/docs/MathML/Attributes/Values) pour les différentes valeurs possibles. | +| `href` | _Tous_ | Utiliser pour créer un hyperlien vers un URI donné. | +| `id` | _Tous_ | Dé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](/fr/docs/MathML/Attributes/Values) 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 "`"`". | +| `mathbackground` | _Tous_ | La couleur de fond. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). | +| `mathcolor` | _Tous_ | La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). | +| `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](/fr/docs/Web/MathML/Attribute/Values) pour les valeurs possibles. | +| `xlink:href` {{deprecated_inline}} | _Tous_ | Peut être utilisé pour former un hyperlien avec un URI donné. Cependant, il est conseillé d'utiliser l'attribut `href` à la place. | +| `xmlns` | {{ MathMLElement("math") }} | Définit l'URI de l'espace de nom MathML ([`http://www.w3.org/1998/Math/MathML`](http://www.w3.org/1998/Math/MathML)) | diff --git a/files/fr/web/mathml/attribute/values/index.md b/files/fr/web/mathml/attribute/values/index.md index fa7aad8365..fc8b474844 100644 --- a/files/fr/web/mathml/attribute/values/index.md +++ b/files/fr/web/mathml/attribute/values/index.md @@ -7,133 +7,101 @@ tags: translation_of: Web/MathML/Attribute/Values original_slug: Web/MathML/Attribute/Valeurs --- -<h2 id="Longueurs">Longueurs</h2> +## Longueurs -<p>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.</p> +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. -<h3 id="Unités">Unités</h3> +### Unités -<table class="standard-table"> - <thead> - <tr> - <th>Uniét</th> - <th>Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>em</code></td> - <td>Unité {{ Cssxref("font-size", "relative à la police") }}</td> - </tr> - <tr> - <td><code>ex</code></td> - <td>Unité {{ Cssxref("font-size", "relative à la police") }}. (La hauteur "x" de l'élément, <code>1ex ≈ 0.5em</code> dans beaucoup de polices)</td> - </tr> - <tr> - <td><code>px</code></td> - <td>Pixels</td> - </tr> - <tr> - <td><code>in</code></td> - <td>Pouces (1 pouce = 2,54 centimètres)</td> - </tr> - <tr> - <td><code>cm</code></td> - <td>Centimètres</td> - </tr> - <tr> - <td><code>mm</code></td> - <td>Millimètres</td> - </tr> - <tr> - <td><code>pt</code></td> - <td>Points (1 point = 1/72 pouce)</td> - </tr> - <tr> - <td><code>pc</code></td> - <td>Picas (1 pica = 12 points)</td> - </tr> - <tr> - <td><code>%</code></td> - <td>Pourcentage de la valeur par défaut.</td> - </tr> - </tbody> -</table> +| Uniét | Description | +| ----- | ------------------------------------------------------------------------------------------------------------------------------------------------- | +| `em` | Unité {{ Cssxref("font-size", "relative à la police") }} | +| `ex` | Unité {{ Cssxref("font-size", "relative à la police") }}. (La hauteur "x" de l'élément, `1ex ≈ 0.5em` dans beaucoup de polices) | +| `px` | Pixels | +| `in` | Pouces (1 pouce = 2,54 centimètres) | +| `cm` | Centimètres | +| `mm` | Millimètres | +| `pt` | Points (1 point = 1/72 pouce) | +| `pc` | Picas (1 pica = 12 points) | +| `%` | Pourcentage de la valeur par défaut. | -<h3 id="Constantes">Constantes</h3> +### Constantes <table class="standard-table"> - <thead> - <tr> - <th>Constante</th> - <th>Valeur</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>veryverythinmathspace</code></td> - <td>1/18<code>em</code></td> - </tr> - <tr> - <td><code>verythinmathspace</code></td> - <td>2/18<code>em</code></td> - </tr> - <tr> - <td><code>thinmathspace</code></td> - <td>3/18<code>em</code></td> - </tr> - <tr> - <td><code>mediummathspace</code></td> - <td>4/18<code>em</code></td> - </tr> - <tr> - <td><code>thickmathspace</code></td> - <td>5/18<code>em</code></td> - </tr> - <tr> - <td><code>verythickmathspace</code></td> - <td>6/18<code>em</code></td> - </tr> - <tr> - <td><code>veryverythickmathspace</code></td> - <td>7/18<code>em</code></td> - </tr> - </tbody> - <thead> - <tr> - <th colspan="2">Les <em>contstantes</em> négatives ont été introduites avec Gecko 7.0 {{ geckoRelease("7.0") }} ({{ bug(650530) }})</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>negativeveryverythinmathspace</code></td> - <td>-1/18<code>em</code></td> - </tr> - <tr> - <td><code>negativeverythinmathspace</code></td> - <td>-2/18<code>em</code></td> - </tr> - <tr> - <td><code>negativethinmathspace</code></td> - <td>-3/18<code>em</code></td> - </tr> - <tr> - <td><code>negativemediummathspace</code></td> - <td>-4/18<code>em</code></td> - </tr> - <tr> - <td><code>negativethickmathspace</code></td> - <td>-5/18<code>em</code></td> - </tr> - <tr> - <td><code>negativeverythickmathspace</code></td> - <td>-6/18<code>em</code></td> - </tr> - <tr> - <td><code>negativeveryverythickmathspace</code></td> - <td>-7/18<code>em</code></td> - </tr> - </tbody> + <thead> + <tr> + <th>Constante</th> + <th>Valeur</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>veryverythinmathspace</code></td> + <td>1/18<code>em</code></td> + </tr> + <tr> + <td><code>verythinmathspace</code></td> + <td>2/18<code>em</code></td> + </tr> + <tr> + <td><code>thinmathspace</code></td> + <td>3/18<code>em</code></td> + </tr> + <tr> + <td><code>mediummathspace</code></td> + <td>4/18<code>em</code></td> + </tr> + <tr> + <td><code>thickmathspace</code></td> + <td>5/18<code>em</code></td> + </tr> + <tr> + <td><code>verythickmathspace</code></td> + <td>6/18<code>em</code></td> + </tr> + <tr> + <td><code>veryverythickmathspace</code></td> + <td>7/18<code>em</code></td> + </tr> + </tbody> + <thead> + <tr> + <th colspan="2"> + Les <em>contstantes</em> négatives ont été introduites avec Gecko 7.0 + {{ geckoRelease("7.0") }} ({{ bug(650530) }}) + </th> + </tr> + </thead> + <tbody> + <tr> + <td><code>negativeveryverythinmathspace</code></td> + <td>-1/18<code>em</code></td> + </tr> + <tr> + <td><code>negativeverythinmathspace</code></td> + <td>-2/18<code>em</code></td> + </tr> + <tr> + <td><code>negativethinmathspace</code></td> + <td>-3/18<code>em</code></td> + </tr> + <tr> + <td><code>negativemediummathspace</code></td> + <td>-4/18<code>em</code></td> + </tr> + <tr> + <td><code>negativethickmathspace</code></td> + <td>-5/18<code>em</code></td> + </tr> + <tr> + <td><code>negativeverythickmathspace</code></td> + <td>-6/18<code>em</code></td> + </tr> + <tr> + <td><code>negativeveryverythickmathspace</code></td> + <td>-7/18<code>em</code></td> + </tr> + </tbody> </table> -<p>Note : <a href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1" rel="external">L'association avec des espaces de noms a été dépréciée</a> dans MathML3 et a été retirée dans Gecko 15.0 {{ geckoRelease("15.0") }} (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=673759" rel="external">bug 673759</a>).</p> +Note : [L'association avec des espaces de noms a été dépréciée](http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1) dans MathML3 et a été retirée dans Gecko 15.0 {{ geckoRelease("15.0") }} ([bug 673759](https://bugzilla.mozilla.org/show_bug.cgi?id=673759)). diff --git a/files/fr/web/mathml/authoring/index.md b/files/fr/web/mathml/authoring/index.md index ebb1826833..ad4463cea3 100644 --- a/files/fr/web/mathml/authoring/index.md +++ b/files/fr/web/mathml/authoring/index.md @@ -7,79 +7,92 @@ tags: - MathML Project translation_of: Web/MathML/Authoring --- -<p>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 lorsque 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.</p> +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 lorsque 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. -<p>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 propre 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é <a href="https://github.com/fred-wang/TeXZilla/">TeXZilla</a>, un convertisseur Javascript de LaTeX vers MathML compatible avec Unicode, dont le but est d'être utilisé dans divers scénarios décrits ici. Bien sûr, la liste n'est pas exhaustive et vous êtes invité à jeter un œil à la <a href="https://www.w3.org/Math/Software/">liste du W3C des logiciels MathML (en)</a> où vous pouvez trouver divers outils.</p> +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 propre 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](https://github.com/fred-wang/TeXZilla/), un convertisseur Javascript de LaTeX vers MathML compatible avec Unicode, dont le but est d'être utilisé dans divers scénarios 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)](https://www.w3.org/Math/Software/) où vous pouvez trouver divers outils. -<p>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 <a href="/fr/docs/Mozilla/MathML_Project#sample_mathml_documents">nos démonstrations</a> et la <a href="/fr/docs/Web/MathML">référence MathML</a> pour plus de détails.</p> +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](/fr/docs/Mozilla/MathML_Project#sample_mathml_documents) et la [référence MathML](/fr/docs/Web/MathML) pour plus de détails. -<h2 id="using_mathml">Utiliser MathML</h2> +## Utiliser MathML -<h4 id="example_in_html5_texthtml">MathML dans les pages HTML</h4> +#### MathML dans les pages HTML -<p>Vous pouvez utiliser du MathML de présentation au sein des documents HTML5 :</p> +Vous pouvez utiliser du MathML de présentation au sein des documents HTML5 : -<pre class="brush: html"><!DOCTYPE html> -<html> - <head> - <title>MathML en HTML5</title> - </head> - <body> +```html +<!DOCTYPE html> +<html> + <head> + <title>MathML en HTML5</title> + </head> + <body> - <h1>MathML en HTML5</h1> + <h1>MathML en HTML5</h1> - <p> + <p> Racine carrée de deux : - <math> - <msqrt> - <mn>2</mn> - </msqrt> - </math> - </p> + <math> + <msqrt> + <mn>2</mn> + </msqrt> + </math> + </p> - </body> -</html></pre> + </body> +</html> +``` -<p>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 <a href="https://code.google.com/p/web-xslt/source/browse/trunk/#trunk/ctop">ctop.xsl</a>. Les outils mentionnés sur cette page génèrent du MathML de présentation.</p> +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](https://code.google.com/p/web-xslt/source/browse/trunk/#trunk/ctop). Les outils mentionnés sur cette page génèrent du MathML de présentation. -<h4 id="fallback_for_browsers_without_mathml_support">Alternative pour les navigateurs sans support de MathML</h4> +#### Alternative pour les navigateurs sans support de MathML -<p>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 <a href="https://github.com/fred-wang/mathml.css">mathml.css</a> devrait suffire. Pour l'utiliser, insérez cette ligne dans votre document HTML :</p> +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](https://github.com/fred-wang/mathml.css) devrait suffire. Pour l'utiliser, insérez cette ligne dans votre document HTML : -<pre class="brush: html"><script src="https://fred-wang.github.io/mathml.css/mspace.js"></script></pre> +```html +<script src="https://fred-wang.github.io/mathml.css/mspace.js"></script> +``` -<p>Si vous avez besoin de constructions plus complexes, vous devrez alors envisager d'utiliser la bibliothèque <a href="https://www.mathjax.org">MathJax</a> comme émulateur de MathML :</p> +Si vous avez besoin de constructions plus complexes, vous devrez alors envisager d'utiliser la bibliothèque [MathJax](https://www.mathjax.org) comme émulateur de MathML : -<pre class="brush: html"><script src="https://fred-wang.github.io/mathjax.js/mpadded.js"></script></pre> +```html +<script src="https://fred-wang.github.io/mathjax.js/mpadded.js"></script> +``` -<p>Notez que ces deux scripts assurent la détection des fonctionnalités des éléments <a href="/fr/docs/Web/MathML/Element/mspace">mspace</a> ou <a href="/fr/docs/Web/MathML/Element/mpadded">mpadded</a> (renseignez-vous sur la table de compatibilité des navigateurs au pied de cet article). Il existe également un script similaire permettant d'afficher un avertissement en haut de la page pour les navigateurs ne prenant pas bien en charge MathML et de laisser les utilisateurs choisir entre l'une des solutions de repli ci-dessus :</p> +Notez que ces deux scripts assurent la détection des fonctionnalités des éléments [mspace](/fr/docs/Web/MathML/Element/mspace) ou [mpadded](/fr/docs/Web/MathML/Element/mpadded) (renseignez-vous sur la table de compatibilité des navigateurs au pied de cet article). Il existe également un script similaire permettant d'afficher un avertissement en haut de la page pour les navigateurs ne prenant pas bien en charge MathML et de laisser les utilisateurs choisir entre l'une des solutions de repli ci-dessus : -<pre class="brush: html"><script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script></pre> +```html +<script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script> +``` -<p>Si vous ne voulez pas utiliser ce lien vers GitHub mais plutôt intégrer ces polyfills ou d'autres dans votre propre projet, vous pourriez avoir besoin des scripts de détection pour vérifier le niveau de support MathML. Par exemple, la fonction suivante vérifie le support MathML en testant l'élément mspace (vous pouvez remplacer <code>mspace</code> par <code>mpadded</code>) :</p> +Si vous ne voulez pas utiliser ce lien vers GitHub mais plutôt intégrer ces polyfills ou d'autres dans votre propre projet, vous pourriez avoir besoin des scripts de détection pour vérifier le niveau de support MathML. Par exemple, la fonction suivante vérifie le support MathML en testant l'élément mspace (vous pouvez remplacer `mspace` par `mpadded`) : -<pre class="brush: js">function supporteMathML () { +```js +function supporteMathML () { let div = document.createElement("div"), box; - div.innerHTML = "<math><mspace height='23px' width='77px'/></math>"; + 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; -}</pre> + return Math.abs(box.height - 23) <= 1 && Math.abs(box.width - 77) <= 1; +} +``` -<p>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) :</p> +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) : -<pre class="brush: js">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;</pre> +```js +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; +``` -<h4 id="mathematical_fonts">Les fontes mathématiques</h4> +#### Les fontes mathématiques -<p>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 <a href="/fr/docs/Mozilla/MathML_Project/Fonts">Instructions sur les fontes de MDN</a>, 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.</p> +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](/fr/docs/Mozilla/MathML_Project/Fonts), 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. -<p>Avant Gecko 31.0, il était quelque peu fastidieux d'installer des fontes mathématiques, lisez à ce propos les <a href="/fr/docs/Mozilla/MathML_Project/FontsMozilla2.0#mathml_font_selection_with_css">instructions pour Mozilla 2.0</a>. Depuis Gecko 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 :</p> +Avant Gecko 31.0, il était quelque peu fastidieux d'installer des fontes mathématiques, lisez à ce propos les [instructions pour Mozilla 2.0](/fr/docs/Mozilla/MathML_Project/FontsMozilla2.0#mathml_font_selection_with_css). Depuis Gecko 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 : -<pre class="brush: css">@namespace url('http://www.w3.org/1999/xhtml'); +```css +@namespace url('http://www.w3.org/1999/xhtml'); @namespace m url('http://www.w3.org/1998/Math/MathML'); body, m|mtext { @@ -87,252 +100,240 @@ body, m|mtext { } m|math { font-family: Latin Modern Math; -}</pre> +} +``` -<p>En fin vous pouvez utiliser la règle <a href="/fr/docs/Web/CSS/@font-face">@font-face</a> comme usuellement pour fournir une alternative WOFF pour les fontes Latin Modern et Latin Modern Math. Regardez ce <a href="https://github.com/fred-wang/MathFonts">dépôt GitHub pour obtenir des fontes WOFF et des échantillons de feuilles de style CSS</a> à utiliser sur votre site ainsi que <a href="http://fred-wang.github.io/MathFonts/">sa page d'essai</a>.</p> +En fin vous pouvez utiliser la règle [@font-face](/fr/docs/Web/CSS/@font-face) comme usuellement pour fournir 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](https://github.com/fred-wang/MathFonts) à utiliser sur votre site ainsi que [sa page d'essai](http://fred-wang.github.io/MathFonts/). -<h4 id="mathml_in_xml_documents_xhtml_epub_etc">MathML dans les documents XML (XHTML, EPUB, etc)</h4> +#### MathML dans les documents XML (XHTML, EPUB, etc) -<p>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 <code>"http://www.w3.org/1998/Math/MathML"</code> sur les racines <code><math></code>. Par exemple, la version XHTML de l'exemple précèdent ressemble à ceci :</p> +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 : -<pre class="brush: xml"><?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> +```xml +<?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> + <p> Racine carrée de 2 : - <math xmlns="http://www.w3.org/1998/Math/MathML"> - <msqrt> - <mn>2</mn> - </msqrt> - </math> - </p> - </body> -</html></pre> - -<h4 id="mathml_in_email_and_instant_messaging_clients">MathML dans les courriels et clients de messagerie instantanée</h4> - -<p>Les clients courriels modernes peuvent envoyer et recevoir des courriels 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. <a href="http://disruptive-innovations.com/zoo/MathBird/">MathBird</a> 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 <a href="http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121">dépend des clients courriels</a>. Même si votre navigateur supporte le MathML, votre fournisseur courriel Web pourrait vous empêcher de recevoir ou d'envoyer des courriels contenant du MathML.</p> - -<p>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 <a href="https://addons.instantbird.org/fr/instantbird/addon/340">extension InstantBird</a> pour gérer les expressions LaTeX.</p> - -<h2 id="conversion_from_a_simple_syntax">Conversion depuis une syntaxe simple</h2> - -<p>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.</p> - -<ul> - <li>Avantages : - <ul> - <li>Écrire des expressions mathématiques peut ne nécessiter qu'un éditeur de texte standard.</li> - <li>De nombreux outils sont disponibles et certains sont compatibles avec le convertisseur LaTeX-to-PDF.</li> - <li>Cela donne accès à des fonctionnalités avancées de LaTeX comme les macros.</li> - </ul> - </li> - <li>Inconvénients : - <ul> - <li>Ce peut être plus difficile à utiliser : il faut apprendre la syntaxe, une erreur dans le code amène facilement à une erreur de conversion ou de rendu etc</li> - <li>L'interface n'est pas conviviale : l'on n'a accès qu'à un éditeur de code sans rendu en direct de l'expression mathématique.</li> - <li>Aucune des syntaxes n'a été standardisée, rendant la compatibilité entre convertisseurs difficile. Par exemple, le langage populaire LaTeX continue de recevoir de nouveaux paquets et tous les convertisseurs ne sont pas à jour.</li> - </ul> - </li> -</ul> - -<h3 id="client-side_conversion">Conversion côté client</h3> - -<p>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.</p> - -<ul> - <li>Avantages : - <ul> - <li>Mise en place aisée : seulement un peu de Javascript et de CSS.</li> - <li>C'est une solution purement basée Web : tout est fait par les navigateurs et non par d'autres programmes nécessitant une installation.</li> - </ul> - </li> - <li>Inconvénients : - <ul> - <li>Cela ne fonctionnera pas si l'utilisateur a désactivé Javascript.</li> - <li>Le code MathML n'est pas présenté aux robots d'indexation (par exemple ceux des moteurs de recherche mathématique ou les agrégateurs de contenu).</li> - <li>La conversion doit être faite à chaque chargement de page, pouvant amener à un ralentissement du chargement ou à des conflits avec l'analyse HTML (par exemple "<" pour les balises)</li> - <li>Vous devez synchroniser le convertisseur Javascript avec les autres programmes Javascript sur votre page.</li> - </ul> - </li> -</ul> - -<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> a un élément HTML personnalisé <a href="https://github.com/fred-wang/x-tex"><x-tex></a> pouvant être utilisé pour écrire des expressions telles que :</p> - -<pre class="brush: html"><x-tex>\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1</x-tex></pre> - -<p>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 <a href="https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#parsing-tex-expressions-in-your-web-page">analyse Javascript des expressions au chargement</a> comme tous les autres outils de cette section font.</p> - -<p>Un autre outil de conversion, simple et côté client, est <a href="http://www1.chapman.edu/~jipsen/mathml/asciimath.html">ASCIIMathML</a>. Il vous suffit de télécharger le script <a href="https://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js">ASCIIMathML.js</a> et de le copier dans votre dossier de site web, puis d'ajouter une balise <code><script></code> sur chaque page pour charger le script ASCIIMathML. Toute expression mathématique délimitée au moyen <code>`</code> (accent grave) sera automatiquement analysée et convertie en MathML:</p> - -<pre class="brush: html"><html> - <head> + <math xmlns="http://www.w3.org/1998/Math/MathML"> + <msqrt> + <mn>2</mn> + </msqrt> + </math> + </p> + </body> +</html> +``` + +#### MathML dans les courriels et clients de messagerie instantanée + +Les clients courriels modernes peuvent envoyer et recevoir des courriels 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](http://disruptive-innovations.com/zoo/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 courriels](http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121). Même si votre navigateur supporte le MathML, votre fournisseur courriel Web pourrait vous empêcher de recevoir ou d'envoyer des courriels 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](https://addons.instantbird.org/fr/instantbird/addon/340) 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. + +- Avantages : + + - Écrire des expressions mathématiques peut ne nécessiter qu'un éditeur de texte standard. + - De nombreux outils sont disponibles et certains sont compatibles avec le convertisseur LaTeX-to-PDF. + - Cela donne accès à des fonctionnalités avancées de LaTeX comme les macros. + +- Inconvénients : + + - Ce peut être plus difficile à utiliser : il faut apprendre la syntaxe, une erreur dans le code amène facilement à une erreur de conversion ou de rendu etc + - L'interface n'est pas conviviale : l'on n'a accès qu'à un éditeur de code sans rendu en direct de l'expression mathématique. + - Aucune des syntaxes n'a été standardisée, rendant la compatibilité entre convertisseurs difficile. Par exemple, le langage populaire LaTeX continue de recevoir de nouveaux paquets et tous les convertisseurs ne sont pas à jour. + +### 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. + +- Avantages : + + - Mise en place aisée : seulement un peu de Javascript et de CSS. + - C'est une solution purement basée Web : tout est fait par les navigateurs et non par d'autres programmes nécessitant une installation. + +- Inconvénients : + + - Cela ne fonctionnera pas si l'utilisateur a désactivé Javascript. + - Le code MathML n'est pas présenté aux robots d'indexation (par exemple ceux des moteurs de recherche mathématique ou les agrégateurs de contenu). + - La conversion doit être faite à chaque chargement de page, pouvant amener à un ralentissement du chargement ou à des conflits avec l'analyse HTML (par exemple "<" pour les balises) + - Vous devez synchroniser le convertisseur Javascript avec les autres programmes Javascript sur votre page. + +[TeXZilla](https://github.com/fred-wang/TeXZilla) a un élément HTML personnalisé [\<x-tex>](https://github.com/fred-wang/x-tex) pouvant être utilisé pour écrire des expressions telles que : + +```html +<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](https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#parsing-tex-expressions-in-your-web-page) comme tous les autres outils de cette section font. + +Un autre outil de conversion, simple et côté client, est [ASCIIMathML](http://www1.chapman.edu/~jipsen/mathml/asciimath.html). Il vous suffit de télécharger le script [ASCIIMathML.js](https://mathcs.chapman.edu/~jipsen/mathml/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 +<html> + <head> ... - <script src="ASCIIMathML.js"></script> + <script src="ASCIIMathML.js"></script> ... - </head> - <body> + </head> + <body> ... - <p>Lorem `x^2 + y^2 = r^2` ipsum ... + <p>Lorem `x^2 + y^2 = r^2` ipsum ... ... -</pre> +``` -<p><a href="https://math.etsu.edu/LaTeXMathML/">LaTeXMathML</a> est un script similaire d'analyser plus de commandes LaTeX. Son installation est semblable : copiez <a href="https://math.etsu.edu/LaTeXMathML/LaTeXMathML.js">LaTeXMathML.js</a> et <a href="https://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css">LaTeXMathML.standardarticle.css</a> 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:</p> +[LaTeXMathML](https://math.etsu.edu/LaTeXMathML/) est un script similaire d'analyser plus de commandes LaTeX. Son installation est semblable : copiez [LaTeXMathML.js](https://math.etsu.edu/LaTeXMathML/LaTeXMathML.js) et [LaTeXMathML.standardarticle.css](https://math.etsu.edu/LaTeXMathML/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: -<pre class="brush: html"><head> +```html +<head> ... - <script type="text/javascript" src="LaTeXMathML.js"></script> - <link rel="stylesheet" type="text/css" href="LaTeXMathML.standardarticle.css" /> + <script type="text/javascript" src="LaTeXMathML.js"></script> + <link rel="stylesheet" type="text/css" href="LaTeXMathML.standardarticle.css" /> ... - </head> - - <body> + </head> + + <body> ... - - <div class="LaTeX"> + + <div class="LaTeX"> \documentclass[12pt]{article} - + \begin{document} - + \title{Exemple LaTeXML} \maketitle - + \begin{abstract} Il s'agit d'un exemple de document LaTeXML. \end{abstract} - + \section{Première section} - + $$ \sum_{n=1}^{+\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$ - + \end{document} - </div> - ...</pre> + </div> + ... +``` + +[jqMath](https://mathscribe.com/author/jqmath.html) 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 <math><mrow><msqrt><mrow class="ma-repel-adj"><munderover><mo>∑</mo> <mrow><mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow><mrow><mo>+</mo> <mi>∞</mi> </mrow></munderover><mfrac><mn>6</mn> <msup><mi>n</mi> <mn>2</mn> </msup></mfrac></mrow></msqrt><mo>=</mo> <mi>π²</mi> </mrow></math>. Son installation se fait de la même manière : copiez ses fichiers [Javascript et CSS](https://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip) 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 -<p><a href="https://mathscribe.com/author/jqmath.html">jqMath</a> 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 <code>√{∑↙{n=1}↖{+∞} 6/n^2} = π²</code> pour rendre <math> <mrow> <msqrt> <mrow class="ma-repel-adj"> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mrow> </munderover> <mfrac> <mn>6</mn> <msup> <mi>n</mi> <mn>2</mn> </msup> </mfrac> </mrow> </msqrt> <mo>=</mo> <mi>π²</mi> </mrow> </math>. Son installation se fait de la même manière : copiez ses fichiers <a href="https://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip">Javascript et CSS</a> dans votre dossier de site web et référencez-les dans vos pages (regardez le fichier <code>COPY-ME.html</code> 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.</p> +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. -<h3 id="command-line_programs">Programmes en ligne de commande</h3> +- Avantages : -<p>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.</p> + - On obtient des pages web statiques : le code source en LaTeX ne nécessite pas d'être converti à chaque chargement, le code MathML est exposé aux robots d'indexation et l'on peut ajouter le code MathML aisément sur tout serveur web. + - Des programmes binaires peuvent s'exécuter plus vite que des programmes Javascript et être plus sophistiqués, c'est-à-dire avoir un support LaTeX plus complet ou générer d'autres formats comme l'EPUB. + - Vous pouvez assurer la compatibilité avec d'autres outils pour générer un PDF, c'est-à-dire que vous pouvez utiliser le même fichier source.tex pour à la fois faire du LaTeX et du LaTeXML. -<ul> - <li>Avantages : - <ul> - <li>On obtient des pages web statiques : le code source en LaTeX ne nécessite pas d'être converti à chaque chargement, le code MathML est exposé aux robots d'indexation et l'on peut ajouter le code MathML aisément sur tout serveur web.</li> - <li>Des programmes binaires peuvent s'exécuter plus vite que des programmes Javascript et être plus sophistiqués, c'est-à-dire avoir un support LaTeX plus complet ou générer d'autres formats comme l'EPUB.</li> - <li>Vous pouvez assurer la compatibilité avec d'autres outils pour générer un PDF, c'est-à-dire que vous pouvez utiliser le même fichier source.tex pour à la fois faire du LaTeX et du LaTeXML.</li> - </ul> - </li> - <li>Inconvénients : - <ul> - <li>Cela requiert d'installer des programmes sur son ordinateur, ce qui peut être plus compliqué ; et ces programmes peuvent être indisponibles sur certaines plates-formes.</li> - <li>Vous devez exécuter ces programmes sur votre ordinateur et avoir un flux de travail pour obtenir vos pages web à la fin ; cela peut s'avérer quelque peu fastidieux.</li> - <li>Les programmes binaires ne sont pas appropriés dans une extension Mozilla ou une application XUL.</li> - </ul> - </li> -</ul> +- Inconvénients : -<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> peut être utilisé <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla#usage-from-the-command-line">depuis la ligne de commande</a> 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é.</p> + - Cela requiert d'installer des programmes sur son ordinateur, ce qui peut être plus compliqué ; et ces programmes peuvent être indisponibles sur certaines plates-formes. + - Vous devez exécuter ces programmes sur votre ordinateur et avoir un flux de travail pour obtenir vos pages web à la fin ; cela peut s'avérer quelque peu fastidieux. + - Les programmes binaires ne sont pas appropriés dans une extension Mozilla ou une application XUL. -<p>Si vous souhaitez seulement convertir de simples expressions mathématiques LaTeX, vous pourriez vouloir essayer des outils tels que <a href="https://golem.ph.utexas.edu/~distler/blog/itex2MML.html">itex2MML</a> ou <a href="http://gva.noekeon.org/blahtexml/">Blahtex</a>. 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'installer :</p> +[TeXZilla](https://github.com/fred-wang/TeXZilla) peut être utilisé [depuis la ligne de commande](https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla#usage-from-the-command-line) 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é. -<pre class="brush: bash">wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \ +Si vous souhaitez seulement convertir de simples expressions mathématiques LaTeX, vous pourriez vouloir essayer des outils tels que [itex2MML](https://golem.ph.utexas.edu/~distler/blog/itex2MML.html) ou [Blahtex](http://gva.noekeon.org/blahtexml/). 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'installer : + +```bash +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</pre> +sudo make install +``` -<p>Supposons maintenant que nous avons un document HTML avec des parties en LaTeX délimitées par le symbole '$' :</p> +Supposons maintenant que nous avons un document HTML avec des parties en LaTeX délimitées par le symbole '$' : -<pre class="brush: html">input.html +```html +input.html ... -</head> -<body> - <p>$\sqrt{a^2-3c}$</p> - <p>$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$</p> -</body> -</html></pre> +</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](https://www.tug.org/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 : -<p>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 :</p> + mk4ht mzlatex foo.tex # Linux / MacOS + mzlatex foo.tex # Windows -<pre>cat input.html | itex2MML > output.html</pre> +Notez que [tex4ebook](https://github.com/michal-h21/tex4ebook) s'appuie sur TeX4ht pour générer des documents EPUB. -<p>Il y a des outils encore plus sophistiqués pour convertir des documents arbitraires LaTeX en HTML et MathML. Par exemple <a href="https://www.tug.org/tex4ht/">TeX4ht</a> 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 :</p> +[LaTeXML](https://dlmf.nist.gov/LaTeXML/) est un autre outil qui permet de générer des documents HTML5 et EPUB. Les utilisateurs de Windows peuvent regarder ce [tutoriel vidéo](https://www.youtube.com/watch?v=Dg881w2e-lI). Étant donné un fichier LaTeX foo.tex, vous pouvez utiliser ces simples commandes : -<pre>mk4ht mzlatex foo.tex # Linux / MacOS -mzlatex foo.tex # Windows -</pre> + latexml --dest foo.xml foo.tex + latexmlpost --dest foo.html --format=html5 foo.xml -<p>Notez que <a href="https://github.com/michal-h21/tex4ebook">tex4ebook</a> s'appuie sur TeX4ht pour générer des documents EPUB.</p> +Pour gérer le cas des navigateurs ne supportant pas MathML, vous pouvez utiliser le paramètre `--javascript` pour indiquer à LaTeXML d'inclure l'un des [scripts de substitution](#fallback_for_browsers_without_mathml_support) : -<p><a href="https://dlmf.nist.gov/LaTeXML/">LaTeXML</a> est un autre outil qui permet de générer des documents HTML5 et EPUB. Les utilisateurs de Windows peuvent regarder ce <a href="https://www.youtube.com/watch?v=Dg881w2e-lI">tutoriel vidéo</a>. Étant donné un fichier LaTeX foo.tex, vous pouvez utiliser ces simples commandes :</p> + latexmlc --dest foo.html --javascript=https://fred-wang.github.io/mathml.css/mspace.js foo.tex # Add the CSS fallback + latexmlc --dest foo.html --javascript=https://fred-wang.github.io/mathjax.js/mpadded-min.js foo.tex # Add the MathJax fallback -<pre>latexml --dest foo.xml foo.tex -latexmlpost --dest foo.html --format=html5 foo.xml</pre> +Si votre document LaTeX est volumineux, vous pouvez vouloir le diviser en plusieurs petites pages plutôt que de tout mettre dans une seule grande page. Par exemple, ceci va diviser les pages au niveau de la `\section` : -<p>Pour gérer le cas des navigateurs ne supportant pas MathML, vous pouvez utiliser le paramètre <code>--javascript</code> pour indiquer à LaTeXML d'inclure l'un des <a href="#fallback_for_browsers_without_mathml_support">scripts de substitution</a> :</p> + latexmlc --dest foo.html --splitat=section foo.tex -<pre>latexmlc --dest foo.html --javascript=https://fred-wang.github.io/mathml.css/mspace.js foo.tex # Add the CSS fallback -latexmlc --dest foo.html --javascript=https://fred-wang.github.io/mathjax.js/mpadded-min.js foo.tex # Add the MathJax fallback -</pre> +### Conversion côté serveur -<p>Si votre document LaTeX est volumineux, vous pouvez vouloir le diviser en plusieurs petites pages plutôt que de tout mettre dans une seule grande page. Par exemple, ceci va diviser les pages au niveau de la <code>\section</code> :</p> +- Avantages : -<pre>latexmlc --dest foo.html --splitat=section foo.tex</pre> + - La conversion est faite côté serveur et le rendu MathML peut être mis en cache, ce qui est plus efficace et propre qu'une conversion côté serveur. -<h3 id="server-side_conversion">Conversion côté serveur</h3> +- Inconvénients : -<ul> - <li>Avantages : - <ul> - <li>La conversion est faite côté serveur et le rendu MathML peut être mis en cache, ce qui est plus efficace et propre qu'une conversion côté serveur.</li> - </ul> - </li> - <li>Inconvénients : - <ul> - <li>Ce pourrait être plus difficile à mettre en œuvre puisque vous pourriez avoir besoin de droits d'administrateur sur le serveur.</li> - </ul> - </li> -</ul> + - Ce pourrait être plus difficile à mettre en œuvre puisque vous pourriez avoir besoin de droits d'administrateur sur le serveur. -<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a>, <a href="https://dlmf.nist.gov/LaTeXML/">LaTeXML</a> et <a href="https://github.com/gwicke/mathoid">Mathoid</a> peuvent être utilisés pour effectuer une conversion LaTeX vers MathML côté serveur. <a href="http://instiki.org/show/HomePage">Instiki</a> et <a href="https://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a> sont deux moteurs de wiki qui prennent en charge la conversion LaTeX vers MathML.</p> +[TeXZilla](https://github.com/fred-wang/TeXZilla), [LaTeXML](https://dlmf.nist.gov/LaTeXML/) et [Mathoid](https://github.com/gwicke/mathoid) peuvent être utilisés pour effectuer une conversion LaTeX vers MathML côté serveur. [Instiki](http://instiki.org/show/HomePage) et [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki) sont deux moteurs de wiki qui prennent en charge la conversion LaTeX vers MathML. -<h2 id="graphical_interface">Interface graphique</h2> +## Interface graphique -<h3 id="input_box">Boîte de saisie</h3> +### Boîte de saisie -<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> possède plusieurs interfaces, notamment une <a href="https://ckeditor.com/addon/texzilla">fiche CKEditor</a> utilisé sur MDN, une <a href="https://fred-wang.github.io/TeXZilla/">démo en ligne</a>, un <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">module de Firefox</a> ou encore une <a href="https://marketplace.firefox.com/app/texzilla-1/">application web FirefoxOS</a>. Il est également intégré à <a href="https://www.seamonkey-project.org/">SeaMonkey</a> depuis la version 2.28 et à <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> depuis la version 31. <a href="http://abisource.org/">Abiword</a> contient un petit éditeur d'équations, basé sur itex2MML. Enfin,<a href="http://www.bluegriffon.com/"> Bluegriffon</a> possède un module complémentaire permettant d'insérer des formules MathML dans votre document, en utilisant une syntaxe de type ASCII/LaTeX.</p> +[TeXZilla](https://github.com/fred-wang/TeXZilla) possède plusieurs interfaces, notamment une [fiche CKEditor](https://ckeditor.com/addon/texzilla) utilisé sur MDN, une [démo en ligne](https://fred-wang.github.io/TeXZilla/), un [module de Firefox](https://addons.mozilla.org/en-US/firefox/addon/texzilla/) ou encore une [application web FirefoxOS](https://marketplace.firefox.com/app/texzilla-1/). Il est également intégré à [SeaMonkey](https://www.seamonkey-project.org/) depuis la version 2.28 et à [Thunderbird](https://www.mozilla.org/thunderbird/) depuis la version 31. [Abiword](http://abisource.org/) contient un petit éditeur d'équations, basé sur itex2MML. Enfin,[ Bluegriffon](http://www.bluegriffon.com/) possède un module complémentaire permettant d'insérer des formules MathML dans votre document, en utilisant une syntaxe de type ASCII/LaTeX. -<p><img alt="BlueGriffon" src="mathml-shot1.png"></p> + -<h3 id="wysiywg_editors">Éditeur WYSIYWG</h3> +### Éditeur WYSIYWG -<p><a href="https://www.firemath.info/">Firemath</a> est une extension pour Firefox qui fournit un éditeur MathML WYSIWYG (« <i>what you see is what you get</i> » qui signifie « <i>ce que vous voyez est ce que vous obtenez</i> »). Un aperçu de la formule est affiché en utilisant le moteur de rendu de Mozilla. Le code MathML généré est disponible en bas. Utilisez le champ de texte pour les éléments symboliques et les boutons pour réaliser des constructions avancées. Une fois que vous avez terminé, vous pouvez enregistrer votre document en tant que page XHTML.</p> +[Firemath](https://www.firemath.info/) est une extension pour Firefox qui fournit un éditeur MathML WYSIWYG (« _what you see is what you get_ » qui signifie « _ce que vous voyez est ce que vous obtenez_ »). Un aperçu de la formule est affiché en utilisant le moteur de rendu de Mozilla. Le code MathML généré est disponible en bas. Utilisez le champ de texte pour les éléments symboliques et les boutons pour réaliser des constructions avancées. Une fois que vous avez terminé, vous pouvez enregistrer votre document en tant que page XHTML. -<p><a href="https://www.lyx.org/">LyX</a> est un éditeur graphique LaTeX, qui dispose d'un support intégré pour l'exportation XHTML+MathML et peut être configuré pour utiliser des convertisseurs LaTeX-to-(X)HTML similaires. Vous pouvez par exemple le configurer pour <a href="https://github.com/brucemiller/LaTeXML/wiki/Integrating-LaTeXML-into-TeX-editors#lyx">utiliser l'exportation LaTeXML HTML5/EPUB</a>.</p> +[LyX](https://www.lyx.org/) est un éditeur graphique LaTeX, qui dispose d'un support intégré pour l'exportation XHTML+MathML et peut être configuré pour utiliser des convertisseurs LaTeX-to-(X)HTML similaires. Vous pouvez par exemple le configurer pour [utiliser l'exportation LaTeXML HTML5/EPUB](https://github.com/brucemiller/LaTeXML/wiki/Integrating-LaTeXML-into-TeX-editors#lyx). -<p><a href="https://www.openoffice.org/">OpenOffice</a> et <a href="https://libreoffice.org/">LibreOffice</a> disposent d'un éditeur d'équations (Fichier → Nouveau → Formule). Il est semi-WYSIWYG : vous saisissez la source de la formule à l'aide du panneau/clavier d'équation et un aperçu de la formule est régulièrement rafraîchi. L'éditeur utilise sa propre syntaxe "StarMath" pour la source mais le code MathML est également généré lors de l'enregistrement du document. Pour obtenir le code MathML, enregistrez le document au format mml et ouvrez-le avec n'importe quel éditeur de texte. Vous pouvez également extraire le fichier odf (qui est en fait une archive zip) et ouvrir un fichier xml appelé <code>content.xml</code>.</p> +[OpenOffice](https://www.openoffice.org/) et [LibreOffice](https://libreoffice.org/) disposent d'un éditeur d'équations (Fichier → Nouveau → Formule). Il est semi-WYSIWYG : vous saisissez la source de la formule à l'aide du panneau/clavier d'équation et un aperçu de la formule est régulièrement rafraîchi. L'éditeur utilise sa propre syntaxe "StarMath" pour la source mais le code MathML est également généré lors de l'enregistrement du document. Pour obtenir le code MathML, enregistrez le document au format mml et ouvrez-le avec n'importe quel éditeur de texte. Vous pouvez également extraire le fichier odf (qui est en fait une archive zip) et ouvrir un fichier xml appelé `content.xml`. -<p><img alt="Open Office Math" src="openoffice.png"></p> + -<p><a href="https://www.w3.org/Amaya/">Amaya</a> est l'éditeur web du W3C, qui est capable de gérer le MathML à l'intérieur des documents XHTML. Utilisez les panneaux Éléments et Caractères spéciaux pour créer diverses constructions mathématiques avancées. Un texte simple tel que <code>a+2</code> est automatiquement analysé et le balisage MathML approprié est généré. Une fois que vous avez terminé, vous pouvez directement enregistrer votre page XHTML et l'ouvrir dans Mozilla.</p> +[Amaya](https://www.w3.org/Amaya/) est l'éditeur web du W3C, qui est capable de gérer le MathML à l'intérieur des documents XHTML. Utilisez les panneaux Éléments et Caractères spéciaux pour créer diverses constructions mathématiques avancées. Un texte simple tel que `a+2` est automatiquement analysé et le balisage MathML approprié est généré. Une fois que vous avez terminé, vous pouvez directement enregistrer votre page XHTML et l'ouvrir dans Mozilla. -<h2 id="optical_character_handwriting_recognition">Caractère optique & Reconnaissance de l'écriture manuscrite</h2> +## Caractère optique & Reconnaissance de l'écriture manuscrite -<p><a href="https://www.inftyreader.org/">Inftyreader</a> est capable d'effectuer une certaine reconnaissance optique des caractères, notamment la traduction d'équations mathématiques en MathML. D'autres outils peuvent faire de la reconnaissance d'écriture, comme le <a href="https://docs.microsoft.com/fr-fr/windows/win32/win7devguide/handwriting-and-ink?redirectedfrom=MSDN">Panneau de saisie mathématique de Windows</a> ou le convertisseur en ligne <a href="https://webdemo.myscript.com/views/math.html">Equation Web</a>.</p> +[Inftyreader](https://www.inftyreader.org/) est capable d'effectuer une certaine reconnaissance optique des caractères, notamment la traduction d'équations mathématiques en MathML. D'autres outils peuvent faire de la reconnaissance d'écriture, comme le [Panneau de saisie mathématique de Windows](https://docs.microsoft.com/fr-fr/windows/win32/win7devguide/handwriting-and-ink?redirectedfrom=MSDN) ou le convertisseur en ligne [Equation Web](https://webdemo.myscript.com/views/math.html). -<h3 id="original_document_information">Informations sur le document original</h3> +### Informations sur le document original -<ul> - <li>Auteur(s) : Frédéric Wang</li> - <li>Autres contributeurs : Florian Scholz</li> - <li>Informations sur les droits d'auteur : Certaines parties de ce contenu sont © 2010 par les contributeurs individuels de mozilla.org ; contenu disponible sous une licence Creative Commons | <a href="https://www.mozilla.org/foundation/licensing/website-content.html">Détails</a>.</li> -</ul> +- Auteur(s) : Frédéric Wang +- Autres contributeurs : Florian Scholz +- Informations sur les droits d'auteur : Certaines parties de ce contenu sont © 2010 par les contributeurs individuels de mozilla.org ; contenu disponible sous une licence Creative Commons | [Détails](https://www.mozilla.org/foundation/licensing/website-content.html). diff --git a/files/fr/web/mathml/element/index.md b/files/fr/web/mathml/element/index.md index 085c63a1be..4d8d270c3b 100644 --- a/files/fr/web/mathml/element/index.md +++ b/files/fr/web/mathml/element/index.md @@ -6,223 +6,173 @@ tags: - Référence MathML translation_of: Web/MathML/Element --- -<p>{{MathMLRef}}</p> +{{MathMLRef}} -<p>Ce document est une liste, par ordre alphabétique, des éléments de <strong>présentation</strong> MathML.</p> +Ce document est une liste, par ordre alphabétique, des éléments de **présentation** MathML. -<p>La locution « <strong>élement de présentation</strong> » est utilisée pour décrire l'organisation et la mise en forme d'une formule mathématique. Les <strong>éléments de contenus</strong>, 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 <a href="http://www.w3.org/TR/MathML3/chapter4.html">chapitre 4</a> de la spécification <a href="http://www.w3.org/TR/MathML3/">MathML 3</a>.</p> +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](http://www.w3.org/TR/MathML3/chapter4.html) de la spécification [MathML 3](http://www.w3.org/TR/MathML3/). -<h3 id="math">math</h3> +### math -<ul> - <li>{{MathMLElement("math")}} (Élément racine)</li> -</ul> +- {{MathMLElement("math")}} (Élément racine) -<h3 id="A">A</h3> +### A -<ul> - <li>{{MathMLElement("maction")}} (Actions liées au sous-expressions)</li> - <li>{{MathMLElement("maligngroup")}} (Groupe d'alignement)</li> - <li>{{MathMLElement("malignmark")}} (Points d'alignement)</li> -</ul> +- {{MathMLElement("maction")}} (Actions liées au sous-expressions) +- {{MathMLElement("maligngroup")}} (Groupe d'alignement) +- {{MathMLElement("malignmark")}} (Points d'alignement) -<h3 id="E">E</h3> +### E -<ul> - <li>{{MathMLElement("menclose")}} (Contenus groupés avec un même symbole)</li> - <li>{{MathMLElement("merror")}} (Messages d'erreurs de syntaxe joints)</li> -</ul> +- {{MathMLElement("menclose")}} (Contenus groupés avec un même symbole) +- {{MathMLElement("merror")}} (Messages d'erreurs de syntaxe joints) -<h3 id="F">F</h3> +### F -<ul> - <li>{{MathMLElement("mfenced")}} (Parenthèses) {{deprecated_inline}}</li> - <li>{{MathMLElement("mfrac")}} (Fraction)</li> -</ul> +- {{MathMLElement("mfenced")}} (Parenthèses) {{deprecated_inline}} +- {{MathMLElement("mfrac")}} (Fraction) -<h3 id="G">G</h3> +### G -<ul> - <li>{{MathMLElement("mglyph")}} (Affichage de symboles non-standard)</li> -</ul> +- {{MathMLElement("mglyph")}} (Affichage de symboles non-standard) -<h3 id="I">I</h3> +### I -<ul> - <li>{{MathMLElement("mi")}} (Identifiant)</li> -</ul> +- {{MathMLElement("mi")}} (Identifiant) -<h3 id="L">L</h3> +### L -<ul> - <li>{{MathMLElement("mlabeledtr")}} (Ligne étiquetée dans un tableau ou une matrice)</li> - <li>{{MathMLElement("mlongdiv")}} (Notation pour une division longue)</li> -</ul> +- {{MathMLElement("mlabeledtr")}} (Ligne étiquetée dans un tableau ou une matrice) +- {{MathMLElement("mlongdiv")}} (Notation pour une division longue) -<h3 id="M">M</h3> +### M -<ul> - <li>{{MathMLElement("mmultiscripts")}} (indices, exposants et indices de tenseurs simultanés)</li> -</ul> +- {{MathMLElement("mmultiscripts")}} (indices, exposants et indices de tenseurs simultanés) -<h3 id="N">N</h3> +### N -<ul> - <li>{{MathMLElement("mn")}} (Nombre)</li> -</ul> +- {{MathMLElement("mn")}} (Nombre) -<h3 id="O">O</h3> +### O -<ul> - <li>{{MathMLElement("mo")}} (Opérateur)</li> - <li>{{MathMLElement("mover")}} (Caractère(s) de surlignement)</li> -</ul> +- {{MathMLElement("mo")}} (Opérateur) +- {{MathMLElement("mover")}} (Caractère(s) de surlignement) -<h3 id="P">P</h3> +### P -<ul> - <li>{{MathMLElement("mpadded")}} (Espacement autour du contenu)</li> - <li>{{MathMLElement("mphantom")}} (Contenu invisible avec un espace réservé)</li> -</ul> +- {{MathMLElement("mpadded")}} (Espacement autour du contenu) +- {{MathMLElement("mphantom")}} (Contenu invisible avec un espace réservé) -<h3 id="R">R</h3> +### R -<ul> - <li>{{MathMLElement("mroot")}} (Racine avec une puissance)</li> - <li>{{MathMLElement("mrow")}} (Expressions groupées en lignes)</li> -</ul> - -<h3 id="S">S</h3> - -<ul> - <li>{{MathMLElement("ms")}} (Chaine de caractères littérale)</li> - <li>{{MathMLElement("mscarries")}} (Annotations telles que les retenues)</li> - <li>{{MathMLElement("mscarry")}} (Retenue seule, élément fils de {{MathMLElement("mscarries")}})</li> - <li>{{MathMLElement("msgroup")}} (Lignes regroupant des éléments {{MathMLElement("mstack")}} et {{MathMLElement("mlongdiv")}})</li> - <li>{{MathMLElement("msline")}} (Ligne horizontale au sein d'un élément {{MathMLElement("mstack")}})</li> - <li>{{MathMLElement("mspace")}} (Espace)</li> - <li>{{MathMLElement("msqrt")}} (Racine carrée)</li> - <li>{{MathMLElement("msrow")}} (Lignes d'un élément {{ MathMLElement("mstack")}})</li> - <li>{{MathMLElement("mstack")}} (Alignement empilé)</li> - <li>{{MathMLElement("mstyle")}} (Variation de mise en forme)</li> - <li>{{MathMLElement("msub")}} (Indice)</li> - <li>{{MathMLElement("msup")}} (Exposant)</li> - <li>{{MathMLElement("msubsup")}} (Paire avec un indice et un exposant)</li> -</ul> - -<h3 id="T">T</h3> - -<ul> - <li>{{MathMLElement("mtable")}} (Tableau ou matrice)</li> - <li>{{MathMLElement("mtd")}} (Cellule d'un tableau ou d'une matrice)</li> - <li>{{MathMLElement("mtext")}} (Texte)</li> - <li>{{MathMLElement("mtr")}} (Ligne d'un tableau ou d'une matrice)</li> -</ul> - -<h3 id="U">U</h3> - -<ul> - <li>{{MathMLElement("munder")}} (Caractère(s) de soulignement)</li> - <li>{{MathMLElement("munderover")}} (Paire pour le soulignement et le surlignement simultané)</li> -</ul> - -<h3 id="Autres_éléments">Autres éléments</h3> - -<ul> - <li>{{MathMLElement("semantics")}} (Conteneur d'annotations sémantiques)</li> - <li><a href="/fr/docs/MathML/Element/semantics"><code><annotation></code></a> (annotation de données)</li> - <li><a href="/fr/docs/MathML/Element/semantics"><code><annotation-xml></code></a> (annotation XML)</li> -</ul> - -<h2 id="Éléments_de_présentation_de_MathML_par_catégories">Éléments de présentation de MathML par catégories</h2> - -<h3 id="Éléments_racine">Éléments racine</h3> - -<ul> - <li>{{MathMLElement("math")}}</li> -</ul> - -<h3 id="Éléments_textuels">Éléments textuels</h3> - -<ul> - <li>{{MathMLElement("mglyph")}}</li> - <li>{{MathMLElement("mi")}}</li> - <li>{{MathMLElement("mn")}}</li> - <li>{{MathMLElement("mo")}}</li> - <li>{{MathMLElement("ms")}}</li> - <li>{{MathMLElement("mspace")}}</li> - <li>{{MathMLElement("mtext")}}</li> -</ul> - -<h3 id="Éléments_de_présentation_générale">Éléments de présentation générale</h3> - -<ul> - <li>{{MathMLElement("menclose")}}</li> - <li>{{MathMLElement("merror")}}</li> - <li>{{MathMLElement("mfenced")}} {{deprecated_inline}}</li> - <li>{{MathMLElement("mfrac")}}</li> - <li>{{MathMLElement("mpadded")}}</li> - <li>{{MathMLElement("mphantom")}}</li> - <li>{{MathMLElement("mroot")}}</li> - <li>{{MathMLElement("mrow")}}</li> - <li>{{MathMLElement("msqrt")}}</li> - <li>{{MathMLElement("mstyle")}}</li> -</ul> - -<h3 id="Éléments_décriture_et_de_limite">Éléments d'écriture et de limite</h3> - -<ul> - <li>{{MathMLElement("mmultiscripts")}}</li> - <li>{{MathMLElement("mover")}}</li> - <li>{{MathMLElement("mprescripts")}}</li> - <li>{{MathMLElement("msub")}}</li> - <li>{{MathMLElement("msubsup")}}</li> - <li>{{MathMLElement("msup")}}</li> - <li>{{MathMLElement("munder")}}</li> - <li>{{MathMLElement("munderover")}}</li> - <li>{{MathMLElement("none")}}</li> -</ul> - -<h3 id="Éléments_de_présentation_tabulaire">Éléments de présentation tabulaire</h3> - -<ul> - <li>{{MathMLElement("maligngroup")}}</li> - <li>{{MathMLElement("malignmark")}}</li> - <li>{{MathMLElement("mlabeledtr")}}</li> - <li>{{MathMLElement("mtable")}}</li> - <li>{{MathMLElement("mtd")}}</li> - <li>{{MathMLElement("mtr")}}</li> -</ul> - -<h3 id="Éléments_de_mathématiques_élémentaires">Éléments de mathématiques élémentaires</h3> - -<ul> - <li>{{MathMLElement("mlongdiv")}}</li> - <li>{{MathMLElement("mscarries")}}</li> - <li>{{MathMLElement("mscarry")}}</li> - <li>{{MathMLElement("msgroup")}}</li> - <li>{{MathMLElement("msline")}}</li> - <li>{{MathMLElement("msrow")}}</li> - <li>{{MathMLElement("mstack")}}</li> -</ul> - -<h3 id="Autres_éléments_2">Autres éléments</h3> - -<ul> - <li>{{MathMLElement("maction")}}</li> -</ul> - -<h2 id="Annotations_sémantiques">Annotations sémantiques</h2> - -<ul> - <li><a href="Web/MathML/Element/semantics#annotation"><code><annotation></code></a></li> - <li><a href="Web/MathML/Element/semantics#annotation-xml"><code><annotation-xml></code></a></li> - <li>{{MathMLElement("semantics")}}</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/MathML">MathML</a></li> - <li><a href="/fr/docs/Web/MathML/Attribute">Référence des attributs MathML</a></li> -</ul> +- {{MathMLElement("mroot")}} (Racine avec une puissance) +- {{MathMLElement("mrow")}} (Expressions groupées en lignes) + +### S + +- {{MathMLElement("ms")}} (Chaine de caractères littérale) +- {{MathMLElement("mscarries")}} (Annotations telles que les retenues) +- {{MathMLElement("mscarry")}} (Retenue seule, élément fils de {{MathMLElement("mscarries")}}) +- {{MathMLElement("msgroup")}} (Lignes regroupant des éléments {{MathMLElement("mstack")}} et {{MathMLElement("mlongdiv")}}) +- {{MathMLElement("msline")}} (Ligne horizontale au sein d'un élément {{MathMLElement("mstack")}}) +- {{MathMLElement("mspace")}} (Espace) +- {{MathMLElement("msqrt")}} (Racine carrée) +- {{MathMLElement("msrow")}} (Lignes d'un élément {{ MathMLElement("mstack")}}) +- {{MathMLElement("mstack")}} (Alignement empilé) +- {{MathMLElement("mstyle")}} (Variation de mise en forme) +- {{MathMLElement("msub")}} (Indice) +- {{MathMLElement("msup")}} (Exposant) +- {{MathMLElement("msubsup")}} (Paire avec un indice et un exposant) + +### T + +- {{MathMLElement("mtable")}} (Tableau ou matrice) +- {{MathMLElement("mtd")}} (Cellule d'un tableau ou d'une matrice) +- {{MathMLElement("mtext")}} (Texte) +- {{MathMLElement("mtr")}} (Ligne d'un tableau ou d'une matrice) + +### U + +- {{MathMLElement("munder")}} (Caractère(s) de soulignement) +- {{MathMLElement("munderover")}} (Paire pour le soulignement et le surlignement simultané) + +### Autres éléments + +- {{MathMLElement("semantics")}} (Conteneur d'annotations sémantiques) +- [`<annotation>`](/fr/docs/MathML/Element/semantics) (annotation de données) +- [`<annotation-xml>`](/fr/docs/MathML/Element/semantics) (annotation XML) + +## Éléments de présentation de MathML par catégories + +### Éléments racine + +- {{MathMLElement("math")}} + +### Éléments textuels + +- {{MathMLElement("mglyph")}} +- {{MathMLElement("mi")}} +- {{MathMLElement("mn")}} +- {{MathMLElement("mo")}} +- {{MathMLElement("ms")}} +- {{MathMLElement("mspace")}} +- {{MathMLElement("mtext")}} + +### Éléments de présentation générale + +- {{MathMLElement("menclose")}} +- {{MathMLElement("merror")}} +- {{MathMLElement("mfenced")}} {{deprecated_inline}} +- {{MathMLElement("mfrac")}} +- {{MathMLElement("mpadded")}} +- {{MathMLElement("mphantom")}} +- {{MathMLElement("mroot")}} +- {{MathMLElement("mrow")}} +- {{MathMLElement("msqrt")}} +- {{MathMLElement("mstyle")}} + +### Éléments d'écriture et de limite + +- {{MathMLElement("mmultiscripts")}} +- {{MathMLElement("mover")}} +- {{MathMLElement("mprescripts")}} +- {{MathMLElement("msub")}} +- {{MathMLElement("msubsup")}} +- {{MathMLElement("msup")}} +- {{MathMLElement("munder")}} +- {{MathMLElement("munderover")}} +- {{MathMLElement("none")}} + +### Éléments de présentation tabulaire + +- {{MathMLElement("maligngroup")}} +- {{MathMLElement("malignmark")}} +- {{MathMLElement("mlabeledtr")}} +- {{MathMLElement("mtable")}} +- {{MathMLElement("mtd")}} +- {{MathMLElement("mtr")}} + +### Éléments de mathématiques élémentaires + +- {{MathMLElement("mlongdiv")}} +- {{MathMLElement("mscarries")}} +- {{MathMLElement("mscarry")}} +- {{MathMLElement("msgroup")}} +- {{MathMLElement("msline")}} +- {{MathMLElement("msrow")}} +- {{MathMLElement("mstack")}} + +### Autres éléments + +- {{MathMLElement("maction")}} + +## Annotations sémantiques + +- [`<annotation>`](Web/MathML/Element/semantics#annotation) +- [`<annotation-xml>`](Web/MathML/Element/semantics#annotation-xml) +- {{MathMLElement("semantics")}} + +## Voir aussi + +- [MathML](/fr/docs/Web/MathML) +- [Référence des attributs MathML](/fr/docs/Web/MathML/Attribute) diff --git a/files/fr/web/mathml/element/maction/index.md b/files/fr/web/mathml/element/maction/index.md index 2438fdf5cc..ac5dcfea6f 100644 --- a/files/fr/web/mathml/element/maction/index.md +++ b/files/fr/web/mathml/element/maction/index.md @@ -3,118 +3,90 @@ title: maction slug: Web/MathML/Element/maction tags: - MathML - - 'MathML:Element' - - 'MathML:Référence' + - MathML:Element + - MathML:Référence translation_of: Web/MathML/Element/maction --- -<p>L'élément MathML <code><maction></code> permet de lier des actions à des (sous-)expressions.<br> - L'action est définie par l'attribut <code>actiontype</code> 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 <code>selection</code>.</p> -<h2 id="Attributs">Attributs</h2> -<dl> - <dt id="attr-actiontype"> - actiontype</dt> - <dd> - L'action qui se produit pour cet élément. Les valeurs possibles sont : - <ul> - <li><code>statusline</code> : S'il y a un clic sur l'<em>expression</em> ou que le lecteur passe la souris sur celle-ci, le <em>message</em> est envoyé au statut du navigateur (<em>status line</em>). La syntaxe est la suivante : <code><maction actiontype="statusline"> <em>expression</em> <em>message</em> </maction>.</code></li> - <li><code>toggle</code> : 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 <code>selection</code>.<br> - La syntaxe est la suivante : <code><maction actiontype="toggle" selection="<em>entier-positif</em>" > <em>expression1</em> <em>expression2</em> <em>expressionN</em> </maction></code>.</li> - <li><code>tooltip</code> : Lorsque la souris passe au-dessus de l'<em>expression</em>, une info-bulle est affichée à proximité de l'expression.<br> - La syntaxe est la suivante :<code> <maction actiontype="tooltip"> <em>expression</em> <em>message</em> </maction>.</code></li> - </ul> - </dd> - <dt id="attr-class-id-style"> - class, id, style</dt> - <dd> - Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-href"> - href</dt> - <dd> - Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground"> - mathbackground</dt> - <dd> - La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor"> - mathcolor</dt> - <dd> - La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-selection"> - selection</dt> - <dd> - L'élément fils auquel s'applique l'action. La valeur par défaut est <code>1</code>, ce qui correspond au premier élément fils.</dd> -</dl> -<h2 id="Exemples">Exemples</h2> -<pre class="brush: html"><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> -</pre> - -<h2 id="Specifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Définition actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("mathml.elements.maction")}}</p> - -<h3 id="Gecko-specific_notes">Notes relatives à Gecko</h3> - -<ul> - <li>Avant Gecko 9.0 {{ geckoRelease("9.0") }} la valeur <code>restyle</code> (non-standard) était supportée pour l'attribut <code>actiontype</code>. Cette valeur a été retirée.</li> - <li>Avant Gecko 14.0 {{ geckoRelease("14.0") }} le type d'action <code>statusline</code> utilisait une syntaxe non-standard (voir ci-dessous). Cela a été résolu afin de respecter la spécification MathML.<br> - <pre><maction actiontype="statusline#(message)"> -(expression) -</maction> -</pre> - </li> - <li>Gecko 15.0 {{geckoRelease("15.0")}} ne prend en compte l'attribut <code>selection</code> seulement s'il est utilisé avec le type d'action <code>toggle</code>.</li> - <li>À partir de Gecko 16.0 {{geckoRelease("16.0")}} l'attribut <code>selection</code> est également pris en compte lorsqu'un <code>actiontype</code> inconnu est spécifié. Si un <code>actiontype</code> n'est pas spécifié (il est vide) ou que l'attribut <code>selection</code> est invalide, cela entraînera une erreur de balisage MathML (« invalid-markup »).</li> -</ul> +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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- 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 + +```html +<math> + +<maction actiontype="toggle"> + + <mfrac> + <mn>6</mn> + <mn>8</mn> + </mfrac> + + <mfrac> + <mrow> + <mn>3</mn> + <mo>⋅</mo> + <mn>2</mn> + </mrow> + <mrow> + <mn>4</mn> + <mo>⋅</mo> + <mn>2</mn> + </mrow> + </mfrac> + + <mfrac> + <mn>3</mn> + <mn>4</mn> + </mfrac> + +</maction> + +</math> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }} | {{ Spec2('MathML3') }} | Définition actuelle | +| {{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }} | {{ Spec2('MathML2') }} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.maction")}} + +### Notes relatives à Gecko + +- Avant Gecko 9.0 {{ geckoRelease("9.0") }} la valeur `restyle` (non-standard) était supportée pour l'attribut `actiontype`. Cette valeur a été retirée. +- Avant Gecko 14.0 {{ geckoRelease("14.0") }} le type d'action `statusline` utilisait une syntaxe non-standard (voir ci-dessous). Cela a été résolu afin de respecter la spécification MathML. + + <maction actiontype="statusline#(message)"> + (expression) + </maction> + +- Gecko 15.0 {{geckoRelease("15.0")}} ne prend en compte l'attribut `selection` seulement s'il est utilisé avec le type d'action `toggle`. +- À partir de Gecko 16.0 {{geckoRelease("16.0")}} l'attribut `selection` est également pris en compte lorsqu'un `actiontype` inconnu est spécifié. Si un `actiontype` n'est pas spécifié (il est vide) ou que l'attribut `selection` est invalide, cela entraînera une erreur de balisage MathML (« invalid-markup »). diff --git a/files/fr/web/mathml/element/math/index.md b/files/fr/web/mathml/element/math/index.md index e42cdffe87..99fda8ff97 100644 --- a/files/fr/web/mathml/element/math/index.md +++ b/files/fr/web/mathml/element/math/index.md @@ -3,157 +3,139 @@ title: math slug: Web/MathML/Element/math tags: - MathML - - 'MathML:Element' + - MathML:Element - Référence MathML translation_of: Web/MathML/Element/math --- -<p>{{MathMLRef}}</p> - -<p>L'élément racine de MathML est<code> <math></code>. Tout objet représenté en MathML doit être encadré de balises <code><math></code>. De plus, il est interdit d'imbriquer un autre élément <code><math></code> à 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 <code><math></code>.</p> - -<h2 id="Attributs">Attributs</h2> - -<p>En plus des attributs qui suivent, l'élément <code><math></code> accepte tous les attributs de l'élément {{ MathMLElement("mstyle") }}.</p> - -<dl> - <dt>class, id, style</dt> - <dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de style</a>.</dd> - <dt>dir</dt> - <dd>Le sens global de lecture des formules. Les valeurs possibles sont <code>ltr</code> (gauche à droite) ou <code>rtl</code> (droite à gauche).</dd> - <dt>href</dt> - <dd>Un hyperlien pointant vers un URI donné.</dd> - <dt>mathbackground</dt> - <dd>La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt>mathcolor</dt> - <dd>La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt>display</dt> - <dd>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 : - <ul> - <li><code>block</code>, 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 ;</li> - <li><code>inline</code>, 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.</li> - </ul> - - <p>La valeur par défaut, si l'attribut n'est pas présent, est <code>inline</code>.</p> - </dd> - <dt>mode {{ deprecated_inline() }}</dt> - <dd>Déprécié. L'attribut <code>display</code> doit être utilisé à la place. (Les anciennes valeurs possibles pour cet attribut était <code>display</code> - équivalent à <code>display="block"</code> et <code>inline</code>)</dd> - <dt>overflow</dt> - <dd>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é.<br> - Les valeurs possible pour cet attribut sont : <code>linebreak</code> (la valeur par défaut), <code>scroll</code>, <code>elide</code>, <code>truncate</code>, <code>scale</code>.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<p><img alt="Theorem of Pythagoras" src="math.jpg"></p> - -<h3 id="Notation_HTML5">Notation HTML5</h3> - -<pre class="brush: html"><!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> -</pre> - -<h3 id="Notation_XHTML">Notation XHTML</h3> - -<pre class="brush: xml"><?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></pre> - -<p><strong>Note </strong>: Les documents XHTML avec du MathML doivent être servis en tant que <code>application/xhtml+xml</code>. Ceci est facilement réalisable en ajoutant l'extension <code>.xhtml</code> aux fichiers locaux. Pour les serveurs Apache, il est possible de <a href="http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype">configurer le fichier <code>.htaccess</code></a> 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é.</p> - -<h2 id="Specifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("mathml.elements.math")}}</p> - -<h2 id="Notes_relatives_à_Firefox">Notes relatives à Firefox</h2> - -<p>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 <code>displaystyle</code> n'avait pas été pris en compte et a <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">été ajouté</a> dans Firefox 8.0 {{ geckoRelease("8.0") }}.</p> - -<p>Un moyen textuel alternatif (<code>alttext</code>) ou une référence à une image alternative utilisant les attributs <code>altimg</code>, <code>altimg-width</code>, <code>altimg-height</code> ou <code>altimg-valign</code> n'est pas encore, à l'heure actuelle, implémentée dans Firefox.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>L'élément racine HTML : {{ HTMLElement("html") }}</li> - <li>L'élément racine SVG : {{ SVGElement("svg") }}</li> - <li>Test MathML pour les navigateurs : en <a class="link-https" href="https://www.eyeasme.com/Joe/MathML/MathML_browser_test">XHTML</a> et <a class="link-https" href="https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test">HTML5</a></li> -</ul> +{{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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- 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 + + + +### Notation HTML5 + +```html +<!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 +<?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`](http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype) 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écification | Statut | Commentaires | +| -------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ---------------------- | +| {{ 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é](https://bugzilla.mozilla.org/show_bug.cgi?id=669719) 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 + +- L'élément racine HTML : {{ HTMLElement("html") }} +- L'élément racine SVG : {{ SVGElement("svg") }} +- Test MathML pour les navigateurs : en [XHTML](https://www.eyeasme.com/Joe/MathML/MathML_browser_test) et [HTML5](https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test) diff --git a/files/fr/web/mathml/element/menclose/index.md b/files/fr/web/mathml/element/menclose/index.md index e9682fb6a4..ca951855f1 100644 --- a/files/fr/web/mathml/element/menclose/index.md +++ b/files/fr/web/mathml/element/menclose/index.md @@ -3,168 +3,66 @@ title: menclose slug: Web/MathML/Element/menclose tags: - MathML - - 'MathML:Element' - - 'MathML:Référence' + - MathML:Element + - MathML:Référence translation_of: Web/MathML/Element/menclose --- -<p>L'élément MathML <code><menclose></code> permet d'afficher son contenu groupé au sein d'une même notation, définie par l'attribut <code>notation</code>.</p> -<h2 id="Attributs">Attributs</h2> +L'élément MathML `<menclose>` permet d'afficher son contenu groupé au sein d'une même notation, définie par l'attribut `notation`. -<dl> - <dt>class, id, style</dt> - <dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt>href</dt> - <dd>Un hyperlien pointant vers un URI donné.</dd> - <dt>mathbackground</dt> - <dd>La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt>mathcolor</dt> - <dd>La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt>notation</dt> - <dd><p>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 :</p> - <table class="standard-table"> - <tbody> - <tr> - <th>Valeur</th> - <th>Affichage</th> - <th>Affichage dans votre navigateur</th> - <th>Description</th> - </tr> - <tr> - <td><code>longdiv</code> (valeur par défaut)</td> - <td><img alt="longdiv" src="default.png"></td> - <td><math> <menclose notation="longdiv"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Symbole de division longue</td> - </tr> - <tr> - <td><code>actuarial</code></td> - <td><img alt="actuarial" src="actuarial.png"></td> - <td><math> <menclose notation="actuarial"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td><a href="http://en.wikipedia.org/wiki/Actuarial_notation">Symbole actuaire</a></td> - </tr> - <tr> - <td><code>radical</code></td> - <td><img alt="radical" src="radical.png"></td> - <td><math> <menclose notation="radical"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Symbole de la racine carrée</td> - </tr> - <tr> - <td><code>box</code></td> - <td><img alt="box" src="box.png"></td> - <td><math> <menclose notation="box"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Boîte</td> - </tr> - <tr> - <td><code>roundedbox</code></td> - <td><img alt="roundedbox" src="roundedbox.png"></td> - <td><math> <menclose notation="roundedbox"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Boîte arrondie</td> - </tr> - <tr> - <td><code>circle</code></td> - <td><img alt="circle" src="circle.png"></td> - <td><math> <menclose notation="circle"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Cercle</td> - </tr> - <tr> - <td><code>left</code></td> - <td><img alt="left" src="left.png"></td> - <td><math> <menclose notation="left"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne à la gauche du contenu</td> - </tr> - <tr> - <td><code>right</code></td> - <td><img alt="right" src="right.png"></td> - <td><math> <menclose notation="right"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne à la droite du contenu</td> - </tr> - <tr> - <td><code>top</code></td> - <td><img alt="top" src="top.png"></td> - <td><math> <menclose notation="top"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne au-dessus du contenu</td> - </tr> - <tr> - <td><code>bottom</code></td> - <td><img alt="bottom" src="bottom.png"></td> - <td><math> <menclose notation="bottom"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne en-dessous du contenu</td> - </tr> - <tr> - <td><code>updiagonalstrike</code></td> - <td><img alt="updiagonalstrike" src="updiagonalstrike.png"></td> - <td><math> <menclose notation="updiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne de rayure allant du coin bas-gauche au coin haut-droit</td> - </tr> - <tr> - <td><code>downdiagonalstrike</code></td> - <td><img alt="downdiagonalstrike" src="downdiagonalstrike.png"></td> - <td><math> <menclose notation="downdiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne de rayure allant du coin haut-gauche au coin bas-droit</td> - </tr> - <tr> - <td><code>verticalstrike</code></td> - <td><img alt="verticalstrike" src="verticalstrike.png"></td> - <td><math> <menclose notation="verticalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne de rayure verticale à travers le contenu</td> - </tr> - <tr> - <td><code>horizontalstrike</code></td> - <td><img alt="horizontalstrike" src="horizontalstrike.png"></td> - <td><math> <menclose notation="horizontalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>Ligne de rayure horizontale à travers le contenu</td> - </tr> - <tr> - <td><code>madruwb</code></td> - <td><img alt="madruwb" src="madruwb.png"></td> - <td><math> <menclose notation="madruwb"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td><a href="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra">Symbole arabe pour la factorielle</a></td> - </tr> - <tr> - <td><code>updiagonalarrow</code></td> - <td><img alt="" src="updiagonalarrow.png"></td> - <td><math> <menclose notation="updiagonalarrow"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td> - <td>flèche diagonale</td> - </tr> - </tbody> - </table> - </dd> -</dl> +## Attributs -<h2 id="Exemples">Exemples</h2> -<pre class="brush: html"><math> +- class, id, style + - : Afin d'être utilisés avec les [feuilles de styles](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- notation - <menclose notation="circle box"> - <mi> x </mi> - <mo> + </mo> - <mi> y </mi> - </menclose> + - : 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 : -</math></pre> + | Valeur | Affichage | Affichage dans votre navigateur | Description | + | ----------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | + | `longdiv` (valeur par défaut) |  | <math><menclose notation="longdiv"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Symbole de division longue | + | `actuarial` |  | <math><menclose notation="actuarial"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | [Symbole actuaire](http://en.wikipedia.org/wiki/Actuarial_notation) | + | `radical` |  | <math><menclose notation="radical"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Symbole de la racine carrée | + | `box` |  | <math><menclose notation="box"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Boîte | + | `roundedbox` |  | <math><menclose notation="roundedbox"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Boîte arrondie | + | `circle` |  | <math><menclose notation="circle"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Cercle | + | `left` |  | <math><menclose notation="left"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne à la gauche du contenu | + | `right` |  | <math><menclose notation="right"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne à la droite du contenu | + | `top` |  | <math><menclose notation="top"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne au-dessus du contenu | + | `bottom` |  | <math><menclose notation="bottom"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne en-dessous du contenu | + | `updiagonalstrike` |  | <math><menclose notation="updiagonalstrike"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne de rayure allant du coin bas-gauche au coin haut-droit | + | `downdiagonalstrike` |  | <math><menclose notation="downdiagonalstrike"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne de rayure allant du coin haut-gauche au coin bas-droit | + | `verticalstrike` |  | <math><menclose notation="verticalstrike"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne de rayure verticale à travers le contenu | + | `horizontalstrike` |  | <math><menclose notation="horizontalstrike"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | Ligne de rayure horizontale à travers le contenu | + | `madruwb` |  | <math><menclose notation="madruwb"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | [Symbole arabe pour la factorielle](http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra) | + | `updiagonalarrow` |  | <math><menclose notation="updiagonalarrow"><msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup></menclose></math> | flèche diagonale | -<h2 id="Specifications">Spécifications</h2> +## Exemples -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Définition actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +```html +<math> -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + <menclose notation="circle box"> + <mi> x </mi> + <mo> + </mo> + <mi> y </mi> + </menclose> -<p>{{Compat("mathml.elements.menclose")}}</p> +</math> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------- | ---------------------------- | ------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }} | {{ Spec2('MathML3') }} | Définition actuelle | +| {{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }} | {{ Spec2('MathML2') }} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.menclose")}} diff --git a/files/fr/web/mathml/element/merror/index.md b/files/fr/web/mathml/element/merror/index.md index 7f902e1caa..b75449c770 100644 --- a/files/fr/web/mathml/element/merror/index.md +++ b/files/fr/web/mathml/element/merror/index.md @@ -3,69 +3,48 @@ title: merror slug: Web/MathML/Element/merror tags: - MathML - - 'MathML:Element' - - 'MathML:Référence' + - MathML:Element + - MathML:Référence translation_of: Web/MathML/Element/merror --- -<p>L'élément MathML <code><merror></code> 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 <strong>n'est pas déclenchée</strong> 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 <code><merror></code>.</p> -<h2 id="Attributs">Attributs</h2> -<dl> - <dt id="attr-class-id-style"> - class, id, style</dt> - <dd> - Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-href"> - href</dt> - <dd> - Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground"> - mathbackground</dt> - <dd> - La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor"> - mathcolor</dt> - <dd> - La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> -</dl> -<h2 id="Exemple">Exemple</h2> -<pre class="brush: html"><math> +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>`. -<merror> - <mrow> - <mtext> Division par zéro : </mtext> - <mfrac> - <mn> 1 </mn> - <mn> 0 </mn> - </mfrac> - </mrow> -</merror> +## Attributs -</math> -</pre> +- class, id, style + - : Afin d'être utilisés avec les [feuilles de styles](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). -<h2 id="Specifications">Spécifications</h2> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.merror', 'merror') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.merror', 'merror') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> +## Exemple -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +```html +<math> -<p>{{Compat("mathml.elements.merror")}}</p> +<merror> + <mrow> + <mtext> Division par zéro : </mtext> + <mfrac> + <mn> 1 </mn> + <mn> 0 </mn> + </mfrac> + </mrow> +</merror> + +</math> +``` + +## Spécifications + +| Spécification | Statut | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ---------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.merror', 'merror') }} | {{ Spec2('MathML3') }} | Spécification actuelle | +| {{ SpecName('MathML2', 'chapter3.html#presm.merror', 'merror') }} | {{ Spec2('MathML2') }} | Spécification initiale | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.merror")}} diff --git a/files/fr/web/mathml/element/mfenced/index.md b/files/fr/web/mathml/element/mfenced/index.md index a14b521f59..0762e953c8 100644 --- a/files/fr/web/mathml/element/mfenced/index.md +++ b/files/fr/web/mathml/element/mfenced/index.md @@ -3,102 +3,83 @@ title: mfenced slug: Web/MathML/Element/mfenced tags: - MathML - - 'MathML:Element' - - 'MathML:Format General Schema' - - 'MathML:Référence' + - MathML:Element + - MathML:Format General Schema + - MathML:Référence - Obsolete translation_of: Web/MathML/Element/mfenced --- -<p>{{MathMLRef}}</p> - -<p>{{deprecated_header}} L'élément MathML <code><mfenced></code> 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.</p> - -<div class="warning"> -<p><strong>Attention :</strong> 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.</p> -</div> - -<h2 id="Attributs">Attributs</h2> - -<dl> - <dt id="attr-class-id-style">class, id, style</dt> - <dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-close">close</dt> - <dd>Une chaîne de caractère pour le délimiteur fermant. La valeur par défaut est « <code>) </code>» et tous les blancs sont tronqués.</dd> - <dt id="attr-href">href {{Deprecated_Inline()}}</dt> - <dd>Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground">mathbackground {{Deprecated_Inline()}}</dt> - <dd>La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor">mathcolor {{Deprecated_Inline()}}</dt> - <dd>La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> -</dl> - -<dl> - <dt id="attr-open">open</dt> - <dd>Une chaîne de caractère pour le délimiteur ouvrant. La valeur par défaut est « <code>(</code> » et tous les blancs sont tronqués.</dd> - <dt id="attr-separators">separators</dt> - <dd>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é.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<p>Exemple 1 : Le dernier séparateur est répété (<code>,</code>).</p> - -<p>Exemple d'affichage: <img alt="{a;b;c,d,e}" src="mfenced01.png"></p> - -<p>Affichage dans votre navigateur: <math> <mfenced close="}" open="{" separators=";;,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p> - -<pre class="brush: html"><math> - <mfenced open="{" close="}" separators=";;,"> - <mi>a</mi> - <mi>b</mi> - <mi>c</mi> - <mi>d</mi> - <mi>e</mi> - </mfenced> -</math> -</pre> - -<p>Exemple 2 : Le séparateur en excès est ignoré (<code>,</code>).</p> - -<p>Exemple d'affichage: <img alt="[a|b|c|d|e]" src="mfenced02.png"></p> - -<p>Affichage dans votre navigateur: <math> <mfenced close="]" open="[" separators="||||,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p> - -<pre class="brush: html"><math> - <mfenced open="[" close="]" separators="||||,"> - <mi>a</mi> - <mi>b</mi> - <mi>c</mi> - <mi>d</mi> - <mi>e</mi> - </mfenced> -</math> -</pre> - -<h2 id="Specifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfenced', 'mfenced') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfenced', 'mfenced') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("mathml.elements.mfenced")}}</p> +{{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. + +> **Attention :** 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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor {{Deprecated_Inline()}} + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). + +<!----> + +- 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:  + +Affichage dans votre navigateur: <math><mfenced close="}" open separators=";;,"><mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi></mfenced></math> + +```html +<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]](mfenced02.png) + +Affichage dans votre navigateur: <math><mfenced close="]" open separators="||||,"><mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi></mfenced></math> + +```html +<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écification | Statut | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ---------------------- | +| {{ 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.md b/files/fr/web/mathml/element/mfrac/index.md index 9bd7ce8b50..458f5c711a 100644 --- a/files/fr/web/mathml/element/mfrac/index.md +++ b/files/fr/web/mathml/element/mfrac/index.md @@ -3,88 +3,61 @@ title: mfrac slug: Web/MathML/Element/mfrac tags: - MathML - - 'MathML:Element' - - 'MathML:Référence' + - MathML:Element + - MathML:Référence translation_of: Web/MathML/Element/mfrac --- -<p>L'élément MathML <code><mfrac></code> est utilisé pour afficher des fractions.</p> -<p>La syntaxe est la suivante : <code><mfrac><em>numérateur</em> <em>dénominateur</em></mfrac></code>.</p> -<h2 id="Attributs">Attributs</h2> -<dl> - <dt id="attr-bevelled"> - bevelled</dt> - <dd> - Définit la façon dont la fraction est affichée. Si l'attribut vaut <code>true</code>, 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 <code>false</code> (la valeur par défaut), le numérateur sera au-dessus du dénominateur.</dd> - <dt id="attr-class-id-style"> - class, id, style</dt> - <dd> - Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-denomalign"> - denomalign</dt> - <dd> - L'alignement du dénominateur sous la fraction. Les valeurs possibles : <code>left</code>, <code>center</code> (valeur par défaut), et <code>right</code>.</dd> - <dt id="attr-href"> - href</dt> - <dd> - Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-linethickness"> - linethickness</dt> - <dd> - L'épaisseur de la ligne de fraction horizontale. La valeur par défaut est <code>medium</code>, mais l'attribut peut prendre d'autres valeurs comme <code>thin</code>, <code>thick</code>, et <a href="/fr/docs/CSS/length">autres</a>.</dd> - <dt id="attr-mathbackground"> - mathbackground</dt> - <dd> - La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor"> - mathcolor</dt> - <dd> - La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-numalign"> - numalign</dt> - <dd> - L'alignement du numérateur au dessus de la barre de fraction. Les valeurs possibles sont : <code>left</code>, <code>center</code> (la valeur par défaut), et <code>right</code>.</dd> -</dl> -<h2 id="Exemple">Exemple</h2> -<p>Exemple d'affichage : <img alt="(a/b)/(c/d)" src="mfrac.png"></p> -<p>Affichage dans votre navigateur: <math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d</mi></mfrac></mfrac></math></p> -<pre class="brush: html"><math> - <mfrac bevelled="true"> - <mfrac> - <mi> a </mi> - <mi> b </mi> - </mfrac> - <mfrac> - <mi> c </mi> - <mi> d </mi> - </mfrac> - </mfrac> -</math> -</pre> +L'élément MathML `<mfrac>` est utilisé pour afficher des fractions. -<h2 id="Specifications">Spécifications</h2> +La syntaxe est la suivante : `<mfrac>numérateur dénominateur</mfrac>`. -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> +## Attributs -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +- 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](/fr/docs/CSS). +- 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](/fr/docs/CSS/length). +- mathbackground + - : La couleur de fond. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- 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`. -<p>{{Compat("mathml.elements.mfrac")}}</p> +## Exemple + +Exemple d'affichage :  + +Affichage dans votre navigateur: <math><mfrac bevelled="true"><mfrac><mi>a </mi><mi>b </mi></mfrac><mfrac><mi>c </mi><mi>d</mi></mfrac></mfrac></math> + +```html +<math> + <mfrac bevelled="true"> + <mfrac> + <mi> a </mi> + <mi> b </mi> + </mfrac> + <mfrac> + <mi> c </mi> + <mi> d </mi> + </mfrac> + </mfrac> +</math> +``` + +## Spécifications + +| Spécification | Statut | Commentaires | +| ------------------------------------------------------------------------------------ | ---------------------------- | ---------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }} | {{ Spec2('MathML3') }} | Spécification actuelle | +| {{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }} | {{ Spec2('MathML2') }} | Spécification initiale | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.mfrac")}} diff --git a/files/fr/web/mathml/element/mi/index.md b/files/fr/web/mathml/element/mi/index.md index 8e2b1d9ed4..d5051d4154 100644 --- a/files/fr/web/mathml/element/mi/index.md +++ b/files/fr/web/mathml/element/mi/index.md @@ -3,118 +3,93 @@ title: mi slug: Web/MathML/Element/mi tags: - MathML - - 'MathML:Element' - - 'MathML:Référence' + - MathML:Element + - MathML:Référence translation_of: Web/MathML/Element/mi --- -<p>L'élément MathML <code><mi></code> indique que le contenu doit être affiché comme un <strong>identifiant</strong> (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.</p> -<h2 id="Attributs">Attributs</h2> -<dl> - <dt id="attr-class-id-style"> - class, id, style</dt> - <dd> - Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-dir"> - dir</dt> - <dd> - Le sens de lecture du texte. Les valeurs possibles sont soit <code>ltr</code> (<em>left to right</em> pour gauche à droite) or <code>rtl</code> (<em>right to left</em> pour droite à gauche).</dd> - <dt id="attr-href"> - href</dt> - <dd> - Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground"> - mathbackground</dt> - <dd> - La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor"> - mathcolor</dt> - <dd> - La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathsize"> - mathsize</dt> - <dd> - La taille du contenu. Les valeurs possibles sont : - <ul> - <li><code>small :</code> La police utilisée sera plus petite que la police courante.</li> - <li><code>normal :</code> Équivalent à 100% ou 1em.</li> - <li><code>big :</code> La police utilisée sera plus grande que la police courante.</li> - <li>Une <a href="/fr/docs/CSS/longueur">longueur quelconque</a>.</li> - <li>ou une valeur sans unité qui multiplie la taille par défaut.</li> - </ul> - </dd> - <dt id="attr-mathvariant"> - mathvariant (implémenté en partie : voir {{ bug("114365") }} et {{ bug("162405") }})</dt> - <dd> - 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 : - <ul> - <li><code>normal</code> (La valeur par défaut pour plus d'un caractère)</li> - <li><code>bold</code></li> - <li><code>italic</code> (La valeur par défaut pour un seul caractère)</li> - <li><code>bold-italic</code></li> - </ul> - <ul> - <li><code>double-struck</code> {{ unimplemented_inline() }}</li> - <li><code>bold-fraktur</code> {{ unimplemented_inline() }} (la mise en gras fonctionne)</li> - <li><code>script</code> {{ unimplemented_inline() }}</li> - <li><code>bold-script</code> {{ unimplemented_inline() }} (la mise en gras fonctionne)</li> - <li><code>fraktur</code> {{ unimplemented_inline() }}</li> - </ul> - <ul> - <li><code>sans-serif</code></li> - <li><code>bold-sans-serif</code></li> - <li><code>sans-serif-italic</code></li> - <li><code>sans-serif-bold-italic</code></li> - <li><code>monospace</code></li> - </ul> - <ul> - <li><code>initial</code> {{ unimplemented_inline() }}</li> - <li><code>tailed</code> {{ unimplemented_inline() }}</li> - <li><code>looped</code> {{ unimplemented_inline() }}</li> - <li><code>stretched</code> {{ unimplemented_inline() }}</li> - </ul> - </dd> -</dl> -<h2 id="Exemples">Exemples</h2> -<pre class="brush: html"><math> - - <mi> y </mi> - - <mi> sin </mi> - - <mi mathvariant="monospace"> x </mi> - - <mi mathvariant="bold"> &pi; </mi> - -</math> -</pre> - -<h2 id="Specifications">Spécifications</h2> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.mi', 'mi') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.mi', 'mi') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("mathml.elements.mi")}}</p> - -<h3 id="Gecko-specific_notes">Note relative à Gecko</h3> - -<p>À partir de Gecko 20.0 {{geckoRelease("20.0")}} une valeur sans unité est autorisée pour <code>mathsize</code>.</p> +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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- 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](/fr/docs/CSS/longueur). + - 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 + +```html +<math> + + <mi> y </mi> + + <mi> sin </mi> + + <mi mathvariant="monospace"> x </mi> + + <mi mathvariant="bold"> π </mi> + +</math> +``` + +## Spécifications + +| Spécification | Statut | Commentaires | +| ---------------------------------------------------------------------------- | ---------------------------- | ---------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.mi', 'mi') }} | {{ Spec2('MathML3') }} | Spécification actuelle | +| {{ SpecName('MathML2', 'chapter3.html#presm.mi', 'mi') }} | {{ Spec2('MathML2') }} | Spécification initiale | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.mi")}} + +### Note relative à Gecko + +À partir de Gecko 20.0 {{geckoRelease("20.0")}} une valeur sans unité est autorisée pour `mathsize`. diff --git a/files/fr/web/mathml/element/mover/index.md b/files/fr/web/mathml/element/mover/index.md index 38c8b1e838..f183266eeb 100644 --- a/files/fr/web/mathml/element/mover/index.md +++ b/files/fr/web/mathml/element/mover/index.md @@ -3,84 +3,61 @@ title: <mover> slug: Web/MathML/Element/mover translation_of: Web/MathML/Element/mover --- -<p>{{MathMLRef()}}</p> -<p>L'élément MathML <code><mover></code> est utilisé pour attacher un accent ou une limite au-dessus d'une expression. La syntaxe est la suivante: <code><mover> <em>base overscript</em> </mover></code></p> -<h2 id="Attributs">Attributs</h2> -<dl> - <dt id="attr-accent"> - accent</dt> - <dd> - Lorsqu'il vaut <code>true</code> le script au-dessus est un <em>accent</em>, qui est affiché plus près de la base.<br> - Lorsqu'il vaut <code>false</code> (valeur par défaut) le script au-dessus est une <em>limite</em> au-dessus de la base.</dd> - <dt id="attr-align"> - align</dt> - <dd> - L'alignement du script au-dessus. Les valeurs possibles sont : <code>left</code>, <code>center</code>, et <code>right</code>.</dd> - <dt id="attr-class-id-style"> - class, id, style</dt> - <dd> - Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt id="attr-href"> - href</dt> - <dd> - Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground"> - mathbackground</dt> - <dd> - La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor"> - mathcolor</dt> - <dd> - La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> -</dl> -<h2 id="Exemples">Exemples</h2> -<p>Exemple de rendu: <img alt="x+y+z" src="mover.png"></p> -<p>Rendu dans votre navigateur : <math> <mover accent="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏞ </mo> </mover> </math></p> -<pre class="brush: html"><math> +{{MathMLRef()}} -<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> +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>` -</math> -</pre> +## Attributs -<h2 id="Specifications">Spécifications</h2> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.mover', 'mover') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification courante</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.mover', 'mover') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spécification initiale</td> - </tr> - </tbody> -</table> +- 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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Exemples -<p>{{Compat("mathml.elements.mover")}}</p> +Exemple de rendu:  -<h2 id="See_also">Voir aussi</h2> -<ul> - <li>{{ MathMLElement("munder") }} (Underscript)</li> - <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li> -</ul> +Rendu dans votre navigateur : <math><mover accent="true"><mrow><mi>x </mi><mo>+ </mo><mi>y </mi><mo>+ </mo><mi>z </mi></mrow><mo>⏞</mo></mover></math> + +```html +<math> + +<mover accent="true"> + <mrow> + <mi> x </mi> + <mo> + </mo> + <mi> y </mi> + <mo> + </mo> + <mi> z </mi> + </mrow> + <mo> ⏞ <!--TOP CURLY BRACKET--> </mo> +</mover> + +</math> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------ | ---------------------------- | ---------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.mover', 'mover') }} | {{ Spec2('MathML3') }} | Spécification courante | +| {{ SpecName('MathML2', 'chapter3.html#presm.mover', 'mover') }} | {{ Spec2('MathML2') }} | Spécification initiale | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.mover")}} + +## Voir aussi + +- {{ MathMLElement("munder") }} (Underscript) +- {{ MathMLElement("munderover") }} (Underscript-overscript pair) diff --git a/files/fr/web/mathml/element/msub/index.md b/files/fr/web/mathml/element/msub/index.md index 364b6c9d94..5647fb72ef 100644 --- a/files/fr/web/mathml/element/msub/index.md +++ b/files/fr/web/mathml/element/msub/index.md @@ -3,81 +3,57 @@ title: <msub> slug: Web/MathML/Element/msub translation_of: Web/MathML/Element/msub --- -<div>{{MathMLRef}}</div> +{{MathMLRef}} -<p>L'élément MathML <code><msub></code> est utilisé pour attaché un indice à une expression. On utilise la syntaxe suivante: <code><msub> base indice </msub></code>.</p> +L'élément MathML `<msub>` est utilisé pour attaché un indice à une expression. On utilise la syntaxe suivante: `<msub> base indice </msub>`. -<h2 id="Attributes">Attributes</h2> +## Attributes -<dl> - <dt>class, id, style</dt> - <dd>Fournit pour être utilisé avec <a href="/fr/docs/CSS">stylesheets</a>.</dd> - <dt>href</dt> - <dd>Utilisé pour ajouter un hyperlien vers une URI.</dd> - <dt>mathbackground</dt> - <dd>La couleur d'arrière plan. Vous pouvez utiliser <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/Web/CSS/Type_color#Les_mots-cl%C3%A9s">noms de couleurs HTML</a>.</dd> - <dt>mathcolor</dt> - <dd>La couleur du texte. Vous pouvez utiliser <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/Web/CSS/Type_color#Les_mots-cl%C3%A9s">noms de couleurs HTML</a>.</dd> - <dt>subscriptshift</dt> - <dd>The minimum space by which to shift the subscript below the baseline of the expression, as a <a href="/fr/docs/MathML/Attributes/Values#Lengths">length value</a>.</dd> -</dl> +- class, id, style + - : Fournit pour être utilisé avec [stylesheets](/fr/docs/CSS). +- 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](/fr/docs/Web/CSS/Type_color#Les_mots-cl%C3%A9s). +- mathcolor + - : La couleur du texte. Vous pouvez utiliser `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/Web/CSS/Type_color#Les_mots-cl%C3%A9s). +- subscriptshift + - : The minimum space by which to shift the subscript below the baseline of the expression, as a [length value](/fr/docs/MathML/Attributes/Values#Lengths). -<h2 id="Example">Example</h2> +## Example -<p>Image fixe: <img alt="x1" src="msub.png"></p> +Image fixe:  -<p>Rendu dans votre navigateur: <math> <msub> <mi>X</mi> <mn>1</mn> </msub> </math></p> +Rendu dans votre navigateur: <math><msub><mi>X</mi> <mn>1</mn></msub></math> -<pre class="brush: html"><math> +```html +<math> - <msub> - <mi>X</mi> - <mn>1</mn> - </msub> + <msub> + <mi>X</mi> + <mn>1</mn> + </msub> -</math> -</pre> +</math> +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.msub', 'msub') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Spécification actuelle</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Spéficication initiale.</td> - </tr> - </tbody> -</table> +| Specification | Status | Comment | +| -------------------------------------------------------------------------------- | ---------------------------- | ----------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.msub', 'msub') }} | {{ Spec2('MathML3') }} | Spécification actuelle | +| {{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }} | {{ Spec2('MathML2') }} | Spéficication initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs +{{Compat("mathml.elements.msub")}} +## Notes spécifiques à Gecko -<p>{{Compat("mathml.elements.msub")}}</p> +- À 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). -<h2 id="Notes_spécifiques_à_Gecko">Notes spécifiques à Gecko</h2> +## Voir aussi -<ul> - <li>À partir de Gecko 26.0 {{geckoRelease("26")}} il ne sera bientôt plus possible d'utiliser <code><none/></code> 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 <code>of the </code><code>superscriptshift</code> attribute has been fixed (see {{bug("827713")}} for details).</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{ MathMLElement("msup") }} (Superscript)</li> - <li>{{ MathMLElement("msubsup") }} (Subscript-superscript pair)</li> - <li>{{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)</li> -</ul> +- {{ MathMLElement("msup") }} (Superscript) +- {{ MathMLElement("msubsup") }} (Subscript-superscript pair) +- {{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices) diff --git a/files/fr/web/mathml/element/munder/index.md b/files/fr/web/mathml/element/munder/index.md index d251bcfa16..65d7a153f3 100644 --- a/files/fr/web/mathml/element/munder/index.md +++ b/files/fr/web/mathml/element/munder/index.md @@ -3,86 +3,61 @@ title: <munder> slug: Web/MathML/Element/munder translation_of: Web/MathML/Element/munder --- -<p>{{MathMLRef()}}</p> -<p>L'élément MathML <code><munder></code> est utilisé pour attacher un accent ou une limite sous une expression. La syntaxe est la suivante: <code><munder> <em>base script-en-dessous</em> </munder></code></p> -<h2 id="Attributs">Attributs</h2> -<dl> - <dt id="attr-accentunder"> - accentunder</dt> - <dd> - Lorsqu'il a pour valeur <code>true</code>, l'élément est un <em>accent</em>, qui est affiché plus près de la base.<br> - Lorsqu'il a pour valeur <code>false</code> (valeur par défaut), l'élément est une <em>limite</em> sous la base.</dd> - <dt id="attr-align"> - align</dt> - <dd> - l'alignement du script en dessous. Les valeurs possibles sont: <code>left</code>, <code>center</code>, et <code>right</code>.</dd> - <dt id="attr-class-id-style"> - class, id, style</dt> - <dd> - Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de style</a>.</dd> - <dt id="attr-href"> - href</dt> - <dd> - Un hyperlien pointant vers un URI donné.</dd> - <dt id="attr-mathbackground"> - mathbackground</dt> - <dd> - La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt id="attr-mathcolor"> - mathcolor</dt> - <dd> - La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> -</dl> -<h2 id="Exemples">Exemples</h2> -<p>Exemple de rendu: <img alt="x+y+z" src="munder.png"></p> -<p>Rendu dans votre navigateur: <math> <munder accentunder="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏟ </mo> </munder> </math></p> -<pre class="brush: html"><math> +{{MathMLRef()}} -<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> +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>` -</math> -</pre> +## Attributs -<h2 id="Specifications">Spécifications</h2> +- 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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Current specification</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Initial specification</td> - </tr> - </tbody> -</table> +## Exemples -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +Exemple de rendu:  -<p>{{Compat("mathml.elements.munder")}}</p> +Rendu dans votre navigateur: <math><munder accentunder="true"><mrow><mi>x </mi><mo>+ </mo><mi>y </mi><mo>+ </mo><mi>z </mi></mrow><mo>⏟</mo></munder></math> -<h2 id="See_also">Voir aussi</h2> +```html +<math> -<ul> - <li>{{ MathMLElement("mover") }} (Overscript)</li> - <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li> -</ul> +<munder accentunder="true"> + <mrow> + <mi> x </mi> + <mo> + </mo> + <mi> y </mi> + <mo> + </mo> + <mi> z </mi> + </mrow> + <mo> ⏟ <!--BOTTOM CURLY BRACKET--> </mo> +</munder> + +</math> +``` + +## Spécifications + +| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------- | ---------------------------- | --------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }} | {{ Spec2('MathML3') }} | Current specification | +| {{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }} | {{ Spec2('MathML2') }} | Initial specification | + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.munder")}} + +## Voir aussi + +- {{ MathMLElement("mover") }} (Overscript) +- {{ MathMLElement("munderover") }} (Underscript-overscript pair) diff --git a/files/fr/web/mathml/element/munderover/index.md b/files/fr/web/mathml/element/munderover/index.md index 24b1a83147..12e067d42a 100644 --- a/files/fr/web/mathml/element/munderover/index.md +++ b/files/fr/web/mathml/element/munderover/index.md @@ -3,84 +3,64 @@ title: <munderover> slug: Web/MathML/Element/munderover tags: - MathML - - 'MathML:Element' + - MathML:Element - Référence MathML translation_of: Web/MathML/Element/munderover --- -<p>{{MathMLRef()}}</p> +{{MathMLRef()}} -<p>L'élément MathML <code><munderover></code> est utilisé pour attacher des accents et limites à la fois en-dessous et au-dessus d'une expression.<br> - La syntaxe est la suivante: <code><munder> <em>base script-en-dessous script-au-dessus</em> </munder></code></p> +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>` -<h2 id="Attributs">Attributs</h2> +## Attributs -<dl> - <dt>accent</dt> - <dd>Lorsqu'il vaut <code>true</code>, le script au dessus est un <em>accent</em>, qui est affiché plus près de la base.<br> - Lorsqu'il vaut <code>false</code> (valeur par défaut), le script au dessus est une <em>limite</em> au dessus de la base.</dd> - <dt>accentunder</dt> - <dd>Lorsqu'il vaut <code>true</code>, le script en dessous est un <em>accent</em>, qui est affiché plus près de la base.<br> - Lorsqu'il vaut <code>false</code> (valeur par défaut), le script en dessous est une <em>limite</em> en dessous de la base.</dd> - <dt>align {{deprecated_inline}}</dt> - <dd>L'alignment des scripts en dessous et au dessus. Les valeurs possibles sont: <code>left</code>, <code>center</code>, et <code>right</code>.</dd> - <dt>class, id, style</dt> - <dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> - <dt>href</dt> - <dd>Un hyperlien pointant vers un URI donné.</dd> - <dt>mathbackground</dt> - <dd>La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> - <dt>mathcolor</dt> - <dd>La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> -</dl> +- 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](/fr/docs/CSS). +- 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](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). +- mathcolor + - : La couleur du texte. Il est possible d'utiliser les codes au format `#rgb`, `#rrggbb` et les [noms de couleurs HTML](/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s). -<h2 id="Exemples">Exemples</h2> +## Exemples -<p>Exemple de rendu: <img alt="integral-0-infinity" src="munderover.png"></p> +Exemple de rendu:  -<pre class="brush: html"><math displaystyle="true"> +```html +<math displaystyle="true"> - <munderover > - <mo> &#x222B; <!--INTEGRAL--> </mo> - <mn> 0 </mn> - <mi> &#x221E; <!--INFINITY--> </mi> - </munderover> + <munderover > + <mo> ∫ <!--INTEGRAL--> </mo> + <mn> 0 </mn> + <mi> ∞ <!--INFINITY--> </mi> + </munderover> -</math> -</pre> +</math> +``` -<p>{{EmbedLiveSample("Exemples")}}</p> +{{EmbedLiveSample("Exemples")}} -<h2 id="Specifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('MathML3', 'chapter3.html#presm.munderover', 'munderover') }}</td> - <td>{{ Spec2('MathML3') }}</td> - <td>Current specification</td> - </tr> - <tr> - <td>{{ SpecName('MathML2', 'chapter3.html#presm.munderover', 'munderover') }}</td> - <td>{{ Spec2('MathML2') }}</td> - <td>Initial specification</td> - </tr> - </tbody> -</table> +| Specification | Status | Comment | +| ------------------------------------------------------------------------------------------------ | ---------------------------- | --------------------- | +| {{ SpecName('MathML3', 'chapter3.html#presm.munderover', 'munderover') }} | {{ Spec2('MathML3') }} | Current specification | +| {{ SpecName('MathML2', 'chapter3.html#presm.munderover', 'munderover') }} | {{ Spec2('MathML2') }} | Initial specification | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("mathml.elements.munderover")}}</p> +{{Compat("mathml.elements.munderover")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{ MathMLElement("munder") }} (Underscript)</li> - <li>{{ MathMLElement("mover") }} (Overscript)</li> -</ul> +- {{ MathMLElement("munder") }} (Underscript) +- {{ MathMLElement("mover") }} (Overscript) diff --git a/files/fr/web/mathml/examples/deriving_the_quadratic_formula/index.md b/files/fr/web/mathml/examples/deriving_the_quadratic_formula/index.md index 4755024c50..5622d60de9 100644 --- a/files/fr/web/mathml/examples/deriving_the_quadratic_formula/index.md +++ b/files/fr/web/mathml/examples/deriving_the_quadratic_formula/index.md @@ -4,6 +4,6 @@ slug: Web/MathML/Examples/Deriving_the_Quadratic_Formula translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula original_slug: Web/MathML/Exemples/Dériver_la_Formule_Quadratique --- -<p>Dans cette page, on rédige la démonstration de la détermination des racines d'un polynôme quadratique :</p> +Dans cette page, on rédige la démonstration de la détermination des racines d'un polynôme quadratique : -<p><math> <mtable columnalign="left"> <mtr> <mtd> <mrow> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo></mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo></mo> <mi>x</mi> </mrow> <mo> + </mo> <mi>c</mi> </mrow> <mo>=</mo> <mn>0</mn> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo></mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo></mo> <mi>x</mi> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mrow> <mo>=</mo> <mo>-</mo><mi> c</mi><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo></mo> <mi>x</mi> </mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>c</mi> </mrow> <mi>a</mi> </mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">On divise par le premier coefficient du polynôme.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo></mo> <mi>x</mi> <mo> + </mo> <msup> <mfenced> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </mfenced> <mn>2</mn> </msup> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi>c</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow> <mrow> <mi>a</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow></mfrac> </mrow> <mo> + </mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">On rajoute un terme pour avoir un carré.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Ici, on obtient la valeur du discriminant.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mrow> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mo>=</mo> <mo>±</mo> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>±</mo> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn></msup></mrow></mfrac></msqrt></mrow><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext></mrow></mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi> b</mi> <mo>±</mo> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </msqrt></mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace> <mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> </mtable></math></p>
\ No newline at end of file +<math><mtable columnalign="left"><mtr><mtd><mrow><mrow><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><mi>a</mi> <mo></mo> <msup><mi>x</mi> <mn>2</mn> </msup></mrow><mo>+ </mo><mi>b</mi> <mo></mo> <mi>x</mi> </mrow><mo>+ </mo><mi>c</mi> </mrow><mo>=</mo> <mn>0</mn> </mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><mi>a</mi> <mo></mo> <msup><mi>x</mi> <mn>2</mn> </msup></mrow><mo>+ </mo><mi>b</mi> <mo></mo> <mi>x</mi> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace></mrow><mo>=</mo> <mo>-</mo><mi> c</mi><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><msup><mi>x</mi> <mn>2</mn> </msup></mrow><mo>+ </mo><mfrac><mrow><mi>b</mi> </mrow><mi>a</mi> </mfrac><mo></mo> <mi>x</mi> </mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><mo>=</mo> <mfrac><mrow><mo>-</mo><mi>c</mi> </mrow><mi>a</mi> </mfrac><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">On divise par le premier coefficient du polynôme.</mtext> </mrow></mtd></mtr><mtr><mtd><mrow><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><msup><mi>x</mi> <mn>2</mn> </msup></mrow><mo>+ </mo><mfrac><mrow><mi>b</mi> </mrow><mi>a</mi> </mfrac><mo></mo> <mi>x</mi> <mo>+ </mo><msup><mfenced><mfrac><mrow><mi>b</mi> </mrow><mrow><mn>2</mn> <mi>a</mi> </mrow></mfrac></mfenced><mn>2</mn> </msup></mrow><mo>=</mo> <mfrac><mrow><mo>-</mo> <mi>c</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow><mrow><mi>a</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow></mfrac></mrow><mo>+ </mo><mfrac><mrow><msup><mi>b</mi> <mn>2</mn> </msup></mrow><mrow><mn>4</mn> <msup><mi>a</mi> <mn>2</mn> </msup></mrow></mfrac><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">On rajoute un terme pour avoir un carré.</mtext> </mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><mo>(</mo> <mi>x</mi> <mo>+ </mo><mfrac><mrow><mi>b</mi> </mrow><mrow><mn>2</mn> <mi>a</mi> </mrow></mfrac><mo>)</mo> <mo>(</mo> <mi>x</mi> <mo>+ </mo><mfrac><mrow><mi>b</mi> </mrow><mrow><mn>2</mn> <mi>a</mi> </mrow></mfrac><mo>)</mo> <mo>=</mo> <mfrac><mrow><msup><mi>b</mi> <mn>2</mn> </msup><mo>- </mo><mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow><mrow><mn>4</mn> <msup><mi>a</mi> <mn>2</mn> </msup></mrow></mfrac></mrow><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Ici, on obtient la valeur du discriminant.</mtext> </mrow></mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><msup><mrow><mo>(</mo> <mi>x</mi> <mo>+ </mo><mfrac><mrow><mi>b</mi> </mrow><mrow><mn>2</mn> <mi>a</mi> </mrow></mfrac><mo>)</mo> </mrow><mn>2</mn> </msup><mo>=</mo> <mfrac><mrow><msup><mi>b</mi> <mn>2</mn> </msup><mo>- </mo><mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow><mrow><mn>4</mn> <msup><mi>a</mi> <mn>2</mn> </msup></mrow></mfrac></mrow><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext></mrow></mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><mrow><mi>x</mi> <mo>+ </mo><mfrac><mrow><mi>b</mi> </mrow><mrow><mn>2</mn> <mi>a</mi> </mrow></mfrac></mrow><mo>=</mo> <mo>±</mo> <msqrt><mfrac><mrow><msup><mi>b</mi> <mn>2</mn> </msup><mo>- </mo><mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow><mrow><mn>4</mn> <msup><mi>a</mi> <mn>2</mn> </msup></mrow></mfrac></msqrt></mrow><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext></mrow></mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace><mrow><mi>x</mi> </mrow><mo>=</mo> <mfrac><mrow><mo>-</mo><mi>b</mi> </mrow><mrow><mn>2</mn> <mi>a</mi> </mrow></mfrac><mo>±</mo> <msqrt><mfrac><mrow><msup><mi>b</mi> <mn>2</mn> </msup><mo>- </mo><mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow><mrow><mn>4</mn> <msup><mi>a</mi> <mn>2</mn></msup></mrow></mfrac></msqrt></mrow><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext></mrow></mrow></mtd></mtr><mtr><mtd><mrow><mrow><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow><mi>x</mi> </mrow><mo>=</mo> <mfrac><mrow><mo>-</mo> <mi>b</mi> <mo>±</mo> <msqrt><msup><mi>b</mi> <mn>2</mn> </msup><mo>- </mo><mn>4</mn> <mi>a</mi> <mi>c</mi> </msqrt></mrow><mrow><mn>2</mn> <mi>a</mi></mrow></mfrac></mrow><mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext></mrow></mrow></mtd></mtr></mtable></math> diff --git a/files/fr/web/mathml/examples/index.md b/files/fr/web/mathml/examples/index.md index 1bc8593039..ac27cba163 100644 --- a/files/fr/web/mathml/examples/index.md +++ b/files/fr/web/mathml/examples/index.md @@ -11,18 +11,11 @@ tags: translation_of: Web/MathML/Examples original_slug: Web/MathML/Exemples --- -<p>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.</p> -<dl> - <dt> - <a href="/fr/docs/Web/MathML/Examples/MathML_Pythagorean_Theorem">Théorème de Pythagore</a></dt> - <dd> - Petit exemple de démonstration du théorème de Pythagore.</dd> - <dt> - <a href="/fr/docs/Web/MathML/Examples/Deriving_the_Quadratic_Formula">Résolution de l'équation quadratique</a></dt> - <dd> - Étapes de la résolution de l'équation quadratique.</dd> - <dt> - <a href="/fr/docs/Mozilla/MathML_Project/MathML_Torture_Test">Tests de rendu MathML</a></dt> - <dd> - Un ensemble test de rendu de formules.</dd> -</dl> +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](/fr/docs/Web/MathML/Examples/MathML_Pythagorean_Theorem) + - : Petit exemple de démonstration du théorème de Pythagore. +- [Résolution de l'équation quadratique](/fr/docs/Web/MathML/Examples/Deriving_the_Quadratic_Formula) + - : Étapes de la résolution de l'équation quadratique. +- [Tests de rendu MathML](/fr/docs/Mozilla/MathML_Project/MathML_Torture_Test) + - : Un ensemble test de rendu de formules. diff --git a/files/fr/web/mathml/examples/mathml_pythagorean_theorem/index.md b/files/fr/web/mathml/examples/mathml_pythagorean_theorem/index.md index c1d59fb185..978edbe1e1 100644 --- a/files/fr/web/mathml/examples/mathml_pythagorean_theorem/index.md +++ b/files/fr/web/mathml/examples/mathml_pythagorean_theorem/index.md @@ -10,98 +10,19 @@ tags: translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem original_slug: Web/MathML/Exemples/MathML_Theoreme_de_Pythagore --- -<p>Nous allons prouver le théorème de Pythagore :</p> +Nous allons prouver le théorème de Pythagore : -<p><strong>Définition :</strong> 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 <math> <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>.</p> +**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 <math><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>. -<p><strong>Preuve :</strong> 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 :</p> -<math> - <mtable columnalign="right center left"> - <mtr> - <mtd> - <msup> - <mrow> - <mo> ( </mo> - <mi> a </mi> - <mo> + </mo> - <mi> b </mi> - <mo> ) </mo> - </mrow> - <mn> 2 </mn> - </msup> - </mtd> - <mtd> - <mo> = </mo> - </mtd> - <mtd> - <msup> - <mi> c </mi> - <mn>2</mn> - </msup> - <mo> + </mo> - <mn> 4 </mn> - <mo> ⋅ </mo> - <mo>(</mo> - <mfrac> - <mn> 1 </mn> - <mn> 2 </mn> - </mfrac> - <mi> a </mi> - <mi> b </mi> - <mo>)</mo> - </mtd> - </mtr> - <mtr> - <mtd> - <msup> - <mi> a </mi> - <mn>2</mn> - </msup> - <mo> + </mo> - <mn> 2 </mn> - <mi> a </mi> - <mi> b </mi> - <mo> + </mo> - <msup> - <mi> b </mi> - <mn>2</mn> - </msup> - </mtd> - <mtd> - <mo> = </mo> - </mtd> - <mtd> - <msup> - <mi> c </mi> - <mn>2</mn> - </msup> - <mo> + </mo> - <mn> 2 </mn> - <mi> a </mi> - <mi> b</mi> - </mtd> - </mtr> - <mtr> - <mtd> - <msup> - <mi>a </mi> - <mn>2</mn> - </msup> - <mo> + </mo> - <msup> - <mi> b </mi> - <mn>2</mn> - </msup> - </mtd> - <mtd> - <mo> = </mo> - </mtd> - <mtd> - <msup> - <mi> c </mi> - <mn>2</mn> - </msup> - </mtd> - </mtr> - </mtable> -</math>
\ No newline at end of file +**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 : + +<math><mtable columnalign="right center left"><mtr><mtd><msup><mrow><mo>( </mo><mi>a </mi><mo>+ </mo><mi>b </mi><mo>) </mo></mrow><mn>2 </mn></msup></mtd><mtd><mo>= </mo></mtd><mtd><msup><mi>c </mi><mn>2</mn> +</msup><mo>+ </mo><mn>4 </mn><mo>⋅ </mo><mo>(</mo> +<mfrac><mn>1 </mn><mn>2 </mn></mfrac><mi>a </mi><mi>b </mi><mo>)</mo> +</mtd></mtr><mtr><mtd><msup><mi>a </mi><mn>2</mn> +</msup><mo>+ </mo><mn>2 </mn><mi>a </mi><mi>b </mi><mo>+ </mo><msup><mi>b </mi><mn>2</mn> +</msup></mtd><mtd><mo>= </mo></mtd><mtd><msup><mi>c </mi><mn>2</mn> +</msup><mo>+ </mo><mn>2 </mn><mi>a </mi><mi>b</mi> +</mtd></mtr><mtr><mtd><msup><mi>a </mi><mn>2</mn> +</msup><mo>+ </mo><msup><mi>b </mi><mn>2</mn> +</msup></mtd><mtd><mo>= </mo></mtd><mtd><msup><mi>c </mi><mn>2</mn></msup></mtd></mtr></mtable></math> diff --git a/files/fr/web/mathml/index.md b/files/fr/web/mathml/index.md index 1d34319026..f31d022fc6 100644 --- a/files/fr/web/mathml/index.md +++ b/files/fr/web/mathml/index.md @@ -9,54 +9,46 @@ tags: - XML translation_of: Web/MathML --- -<p><strong>Mathematical Markup Language (MathML)</strong> est un dialecte de <a href="/fr/docs/XML">XML</a> permettant de décrire des formules mathématiques à la fois dans leur structure et dans leur contenu.</p> - -<p>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 <a href="http://fred-wang.github.io/MozSummitMathML/index.html">la présentation pour le Mozilla Summit Innovation Fair de 2013 (en)</a>.</p> - -<h2>Documentations à propos de MathML</h2> - -<dl> - <dt><a href="/fr/docs/Web/MathML/Element">Référence des éléments MathML</a></dt> - <dd>Des informations précises sur chaque élément MathML et leurs compatibilités avec les différents navigateurs.</dd> - <dt><a href="/fr/docs/Web/MathML/Attribute">Référence des attributs MathML</a></dt> - <dd>Des informations sur les attributs MathML qui modifient l'apparence ou le comportement des éléments.</dd> - <dt><a href="/fr/docs/Web/MathML/Examples">Exemples avec MathML</a></dt> - <dd>Des fragments de code MathML ainsi que des exemples pour comprendre comment ça fonctionne.</dd> - <dt><a href="/docs/Web/MathML/Authoring">Éditer du MathML</a></dt> - <dd>Des conseils sur l'édition de document en MathML : quels éditeurs à utiliser et comment intégrer le code produit dans du contenu web.</dd> -</dl> - -<h2 id="Obtenir_de_laide_de_la_communauté">Obtenir de l'aide de la communauté</h2> - -<ul> - <li>Les forums de Mozilla<br> - {{ DiscussionList("dev-tech-mathml", "mozilla.dev.tech.mathml") }}</li> - <li><a href="irc://irc.mozilla.org/%23mathml" rel="external">Les salons IRC</a></li> - <li><a href="https://wiki.mozilla.org/MathML:Home_Page">Le Wiki utilisé par les contributeurs de Mozilla</a></li> - <li><a href="http://www.w3.org/Math/">La page d'accueil de W3C Math</a></li> - <li><a href="http://lists.w3.org/Archives/Public/www-math/">Les archives mail de www-math w3.org</a></li> -</ul> - -<h2 id="Outils_facilitant_le_développement_avec_MathML">Outils facilitant le développement avec MathML</h2> - -<ul> - <li><a href="http://validator.w3.org">Le validateur W3C</a></li> - <li><a href="https://addons.mozilla.org/de/firefox/addon/8969/">L'extension FireMath pour Firefox</a></li> - <li><a href="https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/">L'ensemble d'extensions Mathzilla pour Firefox</a></li> - <li><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> - Convertisseur Javascript de LaTeX à MathML (<a href="http://fred-wang.github.io/TeXZilla/">demo</a>, <a href="http://r-gaia-cs.github.io/TeXZilla-webapp/">Firefox OS webapp</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">Firefox add-on</a>, <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla">utilisation dans une page Web Page, un programme JS etc</a>)</li> - <li><a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> - Transformez vos documents LaTeX en pages HTML+MathML.</li> - <li><a href="http://webdemo.visionobjects.com/equation.html">Web Equation</a> - Transformez des équations manuscrites en MathML ou LaTeX</li> - <li><a href="http://www.mathjax.org/">Mathjax</a> - Moteur de rendu de Javascript pour les formules mathématiques, compatible avec tous les navigateurs. Pour forcer MathJax à utiliser le MathML natif, essayez cette <a href="http://fred-wang.github.io/mathjax-native-mathml-safari/mathjax-native-mathml.safariextz">extension pour Safari</a> ou ce <a href="https://openuserjs.org/scripts/fred.wang/MathJax_Native_MathML/">script GreaseMonkey</a>.</li> -</ul> - -<h2>Sujets liés</h2> - -<ul> - <li><a href="/fr/docs/CSS">CSS</a></li> - <li><a href="/fr/docs/Web/HTML">HTML</a></li> - <li><a href="/fr/docs/SVG">SVG</a></li> -</ul> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("mathml.elements.math", 0)}}</p> +**Mathematical Markup Language (MathML)** est un dialecte de [XML](/fr/docs/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)](http://fred-wang.github.io/MozSummitMathML/index.html). + +## Documentations à propos de MathML + +- [Référence des éléments MathML](/fr/docs/Web/MathML/Element) + - : Des informations précises sur chaque élément MathML et leurs compatibilités avec les différents navigateurs. +- [Référence des attributs MathML](/fr/docs/Web/MathML/Attribute) + - : Des informations sur les attributs MathML qui modifient l'apparence ou le comportement des éléments. +- [Exemples avec MathML](/fr/docs/Web/MathML/Examples) + - : Des fragments de code MathML ainsi que des exemples pour comprendre comment ça fonctionne. +- [Éditer du MathML](/docs/Web/MathML/Authoring) + - : Des conseils sur l'édition de document en MathML : quels éditeurs à utiliser et comment intégrer le code produit dans du contenu web. + +## Obtenir de l'aide de la communauté + +- Les forums de Mozilla + {{ DiscussionList("dev-tech-mathml", "mozilla.dev.tech.mathml") }} +- [Les salons IRC](irc://irc.mozilla.org/%23mathml) +- [Le Wiki utilisé par les contributeurs de Mozilla](https://wiki.mozilla.org/MathML:Home_Page) +- [La page d'accueil de W3C Math](http://www.w3.org/Math/) +- [Les archives mail de www-math w3.org](http://lists.w3.org/Archives/Public/www-math/) + +## Outils facilitant le développement avec MathML + +- [Le validateur W3C](http://validator.w3.org) +- [L'extension FireMath pour Firefox](https://addons.mozilla.org/de/firefox/addon/8969/) +- [L'ensemble d'extensions Mathzilla pour Firefox](https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/) +- [TeXZilla](https://github.com/fred-wang/TeXZilla) - Convertisseur Javascript de LaTeX à MathML ([demo](http://fred-wang.github.io/TeXZilla/), [Firefox OS webapp](http://r-gaia-cs.github.io/TeXZilla-webapp/), [Firefox add-on](https://addons.mozilla.org/en-US/firefox/addon/texzilla/), [utilisation dans une page Web Page, un programme JS etc](https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla)) +- [LaTeXML](http://dlmf.nist.gov/LaTeXML/) - Transformez vos documents LaTeX en pages HTML+MathML. +- [Web Equation](http://webdemo.visionobjects.com/equation.html) - Transformez des équations manuscrites en MathML ou LaTeX +- [Mathjax](http://www.mathjax.org/) - Moteur de rendu de Javascript pour les formules mathématiques, compatible avec tous les navigateurs. Pour forcer MathJax à utiliser le MathML natif, essayez cette [extension pour Safari](http://fred-wang.github.io/mathjax-native-mathml-safari/mathjax-native-mathml.safariextz) ou ce [script GreaseMonkey](https://openuserjs.org/scripts/fred.wang/MathJax_Native_MathML/). + +## Sujets liés + +- [CSS](/fr/docs/CSS) +- [HTML](/fr/docs/Web/HTML) +- [SVG](/fr/docs/SVG) + +## Compatibilité des navigateurs + +{{Compat("mathml.elements.math", 0)}} diff --git a/files/fr/web/mathml/index/index.md b/files/fr/web/mathml/index/index.md index f3f63acd94..36ce8ae063 100644 --- a/files/fr/web/mathml/index/index.md +++ b/files/fr/web/mathml/index/index.md @@ -5,4 +5,4 @@ tags: - MathML translation_of: Web/MathML/Index --- -<p>{{Index("/fr/docs/Web/MathML")}}</p> +{{Index("/fr/docs/Web/MathML")}} |