From 2aadda2dc034816401f35a5bec5795d8a4ab44fd Mon Sep 17 00:00:00 2001 From: julieng Date: Thu, 11 Nov 2021 08:25:39 +0100 Subject: convert content to md --- files/fr/web/mathml/attribute/index.md | 573 ++++----------------- files/fr/web/mathml/attribute/values/index.md | 212 ++++---- files/fr/web/mathml/authoring/index.md | 451 ++++++++-------- files/fr/web/mathml/element/index.md | 338 ++++++------ files/fr/web/mathml/element/maction/index.md | 198 +++---- files/fr/web/mathml/element/math/index.md | 284 +++++----- files/fr/web/mathml/element/menclose/index.md | 208 ++------ files/fr/web/mathml/element/merror/index.md | 97 ++-- files/fr/web/mathml/element/mfenced/index.md | 173 +++---- files/fr/web/mathml/element/mfrac/index.md | 131 ++--- files/fr/web/mathml/element/mi/index.md | 201 ++++---- files/fr/web/mathml/element/mover/index.md | 127 ++--- files/fr/web/mathml/element/msub/index.md | 98 ++-- files/fr/web/mathml/element/munder/index.md | 125 ++--- files/fr/web/mathml/element/munderover/index.md | 106 ++-- .../deriving_the_quadratic_formula/index.md | 4 +- files/fr/web/mathml/examples/index.md | 23 +- .../examples/mathml_pythagorean_theorem/index.md | 107 +--- files/fr/web/mathml/index.md | 94 ++-- files/fr/web/mathml/index/index.md | 2 +- 20 files changed, 1335 insertions(+), 2217 deletions(-) (limited to 'files/fr') 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 --- -
{{MathMLRef}}
+{{MathMLRef}} -
+Cette référence est une liste, dans l'ordre alphabétique, des attributs MathML. De plus amples détails sur chaque attribut sont disponibles sur les pages des [éléments](/fr/docs/MathML/Element). -

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.

+> **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. -
-

Note :

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

Longueurs

+## Longueurs -

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

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

Unités

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

Constantes

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

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

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

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.

+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. -

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, 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) où vous pouvez trouver divers outils.

+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. -

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

+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. -

Utiliser MathML

+## Utiliser MathML -

MathML dans les pages HTML

+#### MathML dans les pages HTML -

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

+Vous pouvez utiliser du MathML de présentation au sein des documents HTML5 : -
<!DOCTYPE html>
-<html>
-  <head>
-    <title>MathML en HTML5</title>
-  </head>
-  <body>
+```html
+
+
+  
+    MathML en HTML5
+  
+  
 
-    <h1>MathML en HTML5</h1>
+    
MathML en HTML5

 
-    <p>
+    

       Racine carrée de deux :
-      <math>
-        <msqrt>
-          <mn>2</mn>
-        </msqrt>
-      </math>
-    </p>
+      
+        
+          2
+        
+      
+    

 
-  </body>
-</html>
+ + +``` -

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

+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. -

Alternative pour les navigateurs sans support de MathML

+#### Alternative pour les navigateurs sans support de MathML -

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

+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 : -
<script src="https://fred-wang.github.io/mathml.css/mspace.js"></script>
+```html + +``` -

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

+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 : -
<script src="https://fred-wang.github.io/mathjax.js/mpadded.js"></script>
+```html + +``` -

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

+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 : -
<script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script>
+```html + +``` -

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) :

+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`) : -
function supporteMathML () {
+```js
+function supporteMathML () {
   let div = document.createElement("div"), box;
-  div.innerHTML = "<math><mspace height='23px' width='77px'/></math>";
+  div.innerHTML = "";
   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;
-}
+ return Math.abs(box.height - 23) <= 1 && Math.abs(box.width - 77) <= 1; +} +``` -

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

+Alternativement, la chaîne de caractères d'agent utilisateur suivante va permettre la détection des moteurs de rendu avec support natif de MathML (Gecko et WebKit) : -
var ag_ut = navigator.userAgent;
-var isGecko = ag_ut.indexOf("Gecko") > -1 && ag_ut.indexOf("KHTML") === -1 && ag_ut.indexOf('Trident') === -1;
-var isWebKit = ag_ut.indexOf('AppleWebKit') > -1 && ag_ut.indexOf('Chrome') === -1;
+```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; +``` -

Les fontes mathématiques

+#### Les fontes mathématiques -

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

+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. -

Avant Gecko 31.0, il était quelque peu fastidieux d'installer des fontes mathématiques, lisez à ce propos les instructions pour Mozilla 2.0. Depuis Gecko 31.0, 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 :

+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 : -
@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;
-}
+} +``` -

En fin vous pouvez utiliser la règle @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 à utiliser sur votre site ainsi que sa page d'essai.

+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/). -

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

+#### MathML dans les documents XML (XHTML, EPUB, etc) -

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

+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 ``. Par exemple, la version XHTML de l'exemple précèdent ressemble à ceci : -
<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
-  "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>XHTML avec un exemple MathML</title>
-  </head>
-  <body>
-    <h1>XHTML avec un exemple MathML</h1>
+```xml
+
+
+
+  
+    XHTML avec un exemple MathML
+  
+  
+    
XHTML avec un exemple MathML

 
-    <p>
+    

     Racine carrée de 2 :
-    <math xmlns="http://www.w3.org/1998/Math/MathML">
-      <msqrt>
-        <mn>2</mn>
-      </msqrt>
-    </math>
-    </p>
-  </body>
-</html>
- -

MathML dans les 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 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. 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 pour gérer les expressions LaTeX.

- -

Conversion depuis une syntaxe simple

- -

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

- - - -

Conversion côté client

- -

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

- - - -

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

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

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

- -

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

- -
<html>
-  <head>
+    
+      
+        2
+      
+    
+    

+  
+
+```
+
+#### 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é [\](https://github.com/fred-wang/x-tex) pouvant être utilisé pour écrire des expressions telles que :
+
+```html
+\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1
+```
+
+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 `
     ...
-  </head>
-  <body>
+  
+  
     ...
-    <p>Lorem `x^2 + y^2 = r^2` ipsum ...
+    
Lorem `x^2 + y^2 = r^2` ipsum ...
     ...
-
+``` -

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

+[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: -
<head>
+```html
+
   ...
-  <script type="text/javascript" src="LaTeXMathML.js"></script>
-  <link rel="stylesheet" type="text/css" href="LaTeXMathML.standardarticle.css" />
+  
+  
   ...
-  </head>
-  
-  <body>
+  
+
+  
   ...
-  
-  <div class="LaTeX">
+
+  

   \documentclass[12pt]{article}
-  
+
   \begin{document}
-  
+
   \title{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>
-  ...
+ + ... +``` + +[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 ∑ n = 1 + ∞ 6 n 2 = π² . 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 -

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

+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. -

Programmes en ligne de commande

+- Avantages : -

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.

+ - 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. - +- Inconvénients : -

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

+ - 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. -

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

+[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é. -
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
+sudo make install +``` -

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

+Supposons maintenant que nous avons un document HTML avec des parties en LaTeX délimitées par le symbole '$' : -
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>
+ + +

$\sqrt{a^2-3c}$

+

$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$

+ + +``` + +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 : -

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 :

+ mk4ht mzlatex foo.tex # Linux / MacOS + mzlatex foo.tex # Windows -
cat input.html | itex2MML > output.html
+Notez que [tex4ebook](https://github.com/michal-h21/tex4ebook) s'appuie sur TeX4ht pour générer des documents EPUB. -

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

+[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 : -
mk4ht mzlatex foo.tex # Linux / MacOS
-mzlatex foo.tex       # Windows
-
+ latexml --dest foo.xml foo.tex + latexmlpost --dest foo.html --format=html5 foo.xml -

Notez que tex4ebook s'appuie sur TeX4ht pour générer des documents EPUB.

+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) : -

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. Étant donné un fichier LaTeX foo.tex, vous pouvez utiliser ces simples commandes :

+ 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 -
latexml --dest foo.xml foo.tex
-latexmlpost --dest foo.html --format=html5 foo.xml
+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` : -

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 :

+ latexmlc --dest foo.html --splitat=section foo.tex -
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
-
+### Conversion côté serveur -

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 :

+- Avantages : -
latexmlc --dest foo.html --splitat=section foo.tex
+ - 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. -

Conversion côté serveur

+- Inconvénients : - + - Ce pourrait être plus difficile à mettre en œuvre puisque vous pourriez avoir besoin de droits d'administrateur sur le serveur. -

TeXZilla, LaTeXML et Mathoid peuvent être utilisés pour effectuer une conversion LaTeX vers MathML côté serveur. Instiki et MediaWiki sont deux moteurs de wiki qui prennent en charge la conversion LaTeX vers MathML.

+[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. -

Interface graphique

+## Interface graphique -

Boîte de saisie

+### Boîte de saisie -

TeXZilla possède plusieurs interfaces, notamment une fiche CKEditor utilisé sur MDN, une démo en ligne, un module de Firefox ou encore une application web FirefoxOS. Il est également intégré à SeaMonkey depuis la version 2.28 et à Thunderbird depuis la version 31. Abiword contient un petit éditeur d'équations, basé sur itex2MML. Enfin, Bluegriffon possède un module complémentaire permettant d'insérer des formules MathML dans votre document, en utilisant une syntaxe de type ASCII/LaTeX.

+[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. -

BlueGriffon

+![BlueGriffon](mathml-shot1.png) -

Éditeur WYSIYWG

+### Éditeur WYSIYWG -

Firemath 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.

+[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. -

LyX 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.

+[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). -

OpenOffice et LibreOffice 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.

+[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`. -

Open Office Math

+![Open Office Math](openoffice.png) -

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.

+[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. -

Caractère optique & Reconnaissance de l'écriture manuscrite

+## Caractère optique & Reconnaissance de l'écriture manuscrite -

Inftyreader 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 ou le convertisseur en ligne Equation Web.

+[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). -

Informations sur le document original

+### Informations sur le document original - +- 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 --- -

{{MathMLRef}}

+{{MathMLRef}} -

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

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

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

+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/). -

math

+### math - +- {{MathMLElement("math")}} (Élément racine) -

A

+### A - +- {{MathMLElement("maction")}} (Actions liées au sous-expressions) +- {{MathMLElement("maligngroup")}} (Groupe d'alignement) +- {{MathMLElement("malignmark")}} (Points d'alignement) -

E

+### E - +- {{MathMLElement("menclose")}} (Contenus groupés avec un même symbole) +- {{MathMLElement("merror")}} (Messages d'erreurs de syntaxe joints) -

F

+### F - +- {{MathMLElement("mfenced")}} (Parenthèses) {{deprecated_inline}} +- {{MathMLElement("mfrac")}} (Fraction) -

G

+### G - +- {{MathMLElement("mglyph")}} (Affichage de symboles non-standard) -

I

+### I - +- {{MathMLElement("mi")}} (Identifiant) -

L

+### L - +- {{MathMLElement("mlabeledtr")}} (Ligne étiquetée dans un tableau ou une matrice) +- {{MathMLElement("mlongdiv")}} (Notation pour une division longue) -

M

+### M - +- {{MathMLElement("mmultiscripts")}} (indices, exposants et indices de tenseurs simultanés) -

N

+### N - +- {{MathMLElement("mn")}} (Nombre) -

O

+### O - +- {{MathMLElement("mo")}} (Opérateur) +- {{MathMLElement("mover")}} (Caractère(s) de surlignement) -

P

+### P - +- {{MathMLElement("mpadded")}} (Espacement autour du contenu) +- {{MathMLElement("mphantom")}} (Contenu invisible avec un espace réservé) -

R

+### R - - -

S

- - - -

T

- - - -

U

- - - -

Autres éléments

- - - -

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

- -

Éléments racine

- - - -

Éléments textuels

- - - -

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

- - - -

Éléments d'écriture et de limite

- - - -

Éléments de présentation tabulaire

- - - -

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

- - - -

Autres éléments

- - - -

Annotations sémantiques

- - - -

Voir aussi

- - +- {{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) +- [``](/fr/docs/MathML/Element/semantics) (annotation de données) +- [``](/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 + +- [``](Web/MathML/Element/semantics#annotation) +- [``](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 --- -

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

-

Attributs

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

Exemples

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

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{ 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 »).
    • -
+L'élément MathML `` 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 : ` expression message .` + - `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 : ` expression1 expression2 expressionN `. + - `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 :` expression message .` + +- 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 + + + + + + 6 + 8 + + + + + 3 + ⋅ + 2 + + + 4 + ⋅ + 2 + + + + + 3 + 4 + + + + + +``` + +## 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. + + + (expression) + + +- 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 --- -

{{MathMLRef}}

- -

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

- -

Attributs

- -

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

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

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

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

Exemples

- -

Theorem of Pythagoras

- -

Notation HTML5

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

Notation XHTML

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

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

- -

Spécifications

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

Compatibilité des navigateurs

- -

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

- -

Notes relatives à Firefox

- -

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

- -

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

- -

Voir aussi

- -
    -
  • L'élément racine HTML : {{ HTMLElement("html") }}
    • -
  • L'élément racine SVG : {{ SVGElement("svg") }}
    • -
  • Test MathML pour les navigateurs : en XHTML et HTML5
    • -
+{{MathMLRef}} + +L'élément racine de MathML est` `. Tout objet représenté en MathML doit être encadré de balises ``. De plus, il est interdit d'imbriquer un autre élément `` à 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 ``. + +## Attributs + +En plus des attributs qui suivent, l'élément `` 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 + +![Theorem of Pythagoras](math.jpg) + +### Notation HTML5 + +```html + + +   +    MathML en HTML5 +   +   + + + + + + a + 2 + + + + + b + 2 + + + = + + c + 2 + + + + +  + +``` + +### Notation XHTML + +```xml + + + + + MathML en XHTML + + + + + + + + a + 2 + + + + + b + 2 + + + = + + c + 2 + + + + + + +``` + +**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 --- -

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

-

Attributs

+L'élément MathML `` permet d'afficher son contenu groupé au sein d'une même notation, définie par l'attribut `notation`. -
-
class, id, style
-
Afin d'être utilisés avec les feuilles de styles.
-
href
-
Un hyperlien pointant vers un URI donné.
-
mathbackground
-
La couleur de fond. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
-
mathcolor
-
La couleur du texte. Il est possible d'utiliser les codes au format #rgb, #rrggbb et les noms de couleurs HTML.
-
notation
-

Une liste de notations à appliquer aux éléments fils, séparées par des blancs. Les symboles sont dessinés indépendamment et peuvent donc parfois se superposer. Les valeurs possibles sont :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ValeurAffichageAffichage dans votre navigateurDescription
longdiv (valeur par défaut)longdiv a2 + b2 Symbole de division longue
actuarialactuarial a2 + b2 Symbole actuaire
radicalradical a2 + b2 Symbole de la racine carrée
boxbox a2 + b2 Boîte
roundedboxroundedbox a2 + b2 Boîte arrondie
circlecircle a2 + b2 Cercle
leftleft a2 + b2 Ligne à la gauche du contenu
rightright a2 + b2 Ligne à la droite du contenu
toptop a2 + b2 Ligne au-dessus du contenu
bottombottom a2 + b2 Ligne en-dessous du contenu
updiagonalstrikeupdiagonalstrike a2 + b2 Ligne de rayure allant du coin bas-gauche au coin haut-droit
downdiagonalstrikedowndiagonalstrike a2 + b2 Ligne de rayure allant du coin haut-gauche au coin bas-droit
verticalstrikeverticalstrike a2 + b2 Ligne de rayure verticale à travers le contenu
horizontalstrikehorizontalstrike a2 + b2 Ligne de rayure horizontale à travers le contenu
madruwbmadruwb a2 + b2 Symbole arabe pour la factorielle
updiagonalarrow a2 + b2 flèche diagonale
-
-
+## Attributs -

Exemples

-
<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>
+ | Valeur | Affichage | Affichage dans votre navigateur | Description | + | ----------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | + | `longdiv` (valeur par défaut) | ![longdiv](default.png) | a2 + b2 | Symbole de division longue | + | `actuarial` | ![actuarial](actuarial.png) | a2 + b2 | [Symbole actuaire](http://en.wikipedia.org/wiki/Actuarial_notation) | + | `radical` | ![radical](radical.png) | a2 + b2 | Symbole de la racine carrée | + | `box` | ![box](box.png) | a2 + b2 | Boîte | + | `roundedbox` | ![roundedbox](roundedbox.png) | a2 + b2 | Boîte arrondie | + | `circle` | ![circle](circle.png) | a2 + b2 | Cercle | + | `left` | ![left](left.png) | a2 + b2 | Ligne à la gauche du contenu | + | `right` | ![right](right.png) | a2 + b2 | Ligne à la droite du contenu | + | `top` | ![top](top.png) | a2 + b2 | Ligne au-dessus du contenu | + | `bottom` | ![bottom](bottom.png) | a2 + b2 | Ligne en-dessous du contenu | + | `updiagonalstrike` | ![updiagonalstrike](updiagonalstrike.png) | a2 + b2 | Ligne de rayure allant du coin bas-gauche au coin haut-droit | + | `downdiagonalstrike` | ![downdiagonalstrike](downdiagonalstrike.png) | a2 + b2 | Ligne de rayure allant du coin haut-gauche au coin bas-droit | + | `verticalstrike` | ![verticalstrike](verticalstrike.png) | a2 + b2 | Ligne de rayure verticale à travers le contenu | + | `horizontalstrike` | ![horizontalstrike](horizontalstrike.png) | a2 + b2 | Ligne de rayure horizontale à travers le contenu | + | `madruwb` | ![madruwb](madruwb.png) | a2 + b2 | [Symbole arabe pour la factorielle](http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra) | + | `updiagonalarrow` | ![](updiagonalarrow.png) | a2 + b2 | flèche diagonale | -

Spécifications

+## Exemples - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}{{ Spec2('MathML3') }}Définition actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}{{ Spec2('MathML2') }}Définition initiale
+```html + -

Compatibilité des navigateurs

+  +    x +    + +    y +  -

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

+ +``` + +## 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 --- -

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

-

Attributs

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

Exemple

-
<math>
+L'élément MathML `` 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>
-  <mrow>
-    <mtext> Division par zéro : </mtext>
-    <mfrac>
-      <mn> 1 </mn>
-      <mn> 0 </mn>
-    </mfrac>
-  </mrow>
-</merror>
+## Attributs
 
-</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). -

Spécifications

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

Compatibilité des navigateurs

+```html + -

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

+ + + Division par zéro : + + 1 + 0 + + + + + +``` + +## 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 --- -

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

Exemples

- -

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

- -

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

- -

Affichage dans votre navigateur: a b c d e

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

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

- -

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

- -

Affichage dans votre navigateur: a b c d e

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

Spécifications

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

Compatibilité des navigateurs

- -

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

+{{MathMLRef}} + +{{deprecated_header}} L'élément MathML `` 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: ![{a;b;c,d,e}](mfenced01.png) + +Affichage dans votre navigateur: a b c d e + +```html + + + a + b + c + d + e + + +``` + +Exemple 2 : Le séparateur en excès est ignoré (`,`). + +Exemple d'affichage: ![[a|b|c|d|e]](mfenced02.png) + +Affichage dans votre navigateur: a b c d e + +```html + + + a + b + c + d + e + + +``` + +## 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 --- -

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

-

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

-

Attributs

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

Exemple

-

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

-

Affichage dans votre navigateur: a b c d

-
<math>
-  <mfrac bevelled="true">
-     <mfrac>
-        <mi> a </mi>
-        <mi> b </mi>
-     </mfrac>
-     <mfrac>
-        <mi> c </mi>
-        <mi> d </mi>
-     </mfrac>
-  </mfrac>
-</math>
-
+L'élément MathML `` est utilisé pour afficher des fractions. -

Spécifications

+La syntaxe est la suivante : `numérateur dénominateur`. - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaires
{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}{{ Spec2('MathML2') }}Spécification initiale
+## Attributs -

Compatibilité des navigateurs

+- 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`. -

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

+## Exemple + +Exemple d'affichage : ![(a/b)/(c/d)](mfrac.png) + +Affichage dans votre navigateur: a b c d + +```html + + + + a + b + + + c + d + + + +``` + +## 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 --- -

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

-

Attributs

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

Exemples

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

Spécifications

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

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.

+L'élément MathML `` 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 + + + y + + sin + + x + + π + + +``` + +## 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: slug: Web/MathML/Element/mover translation_of: Web/MathML/Element/mover --- -

{{MathMLRef()}}

-

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

-

Attributs

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

Exemples

-

Exemple de rendu: x+y+z

-

Rendu dans votre navigateur : x + y + z ⏞

-
<math>
+{{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 `` est utilisé pour attacher un accent ou une limite au-dessus d'une expression. La syntaxe est la suivante: ` base overscript `
 
-</math>
-
+## Attributs -

Spécifications

- - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{ SpecName('MathML3', 'chapter3.html#presm.mover', 'mover') }}{{ Spec2('MathML3') }}Spécification courante
{{ SpecName('MathML2', 'chapter3.html#presm.mover', 'mover') }}{{ Spec2('MathML2') }}Spécification initiale
+- 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). -

Compatibilité des navigateurs

+## Exemples -

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

+Exemple de rendu: ![x+y+z](mover.png) -

Voir aussi

-
    -
  • {{ MathMLElement("munder") }} (Underscript)
    • -
  • {{ MathMLElement("munderover") }} (Underscript-overscript pair)
    • -
+Rendu dans votre navigateur : x + y + z ⏞ + +```html + + + + + x + + + y + + + z + + ⏞ + + + +``` + +## 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: slug: Web/MathML/Element/msub translation_of: Web/MathML/Element/msub --- -
{{MathMLRef}}
+{{MathMLRef}} -

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

+L'élément MathML `` est utilisé pour attaché un indice à une expression. On utilise la syntaxe suivante: ` base indice `. -

Attributes

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

Example

+## Example -

Image fixe: x1

+Image fixe: ![x1](msub.png) -

Rendu dans votre navigateur: X 1

+Rendu dans votre navigateur: X 1 -
<math>
+```html
+
 
-  <msub>
-    <mi>X</mi>
-    <mn>1</mn>
-  </msub>
+  
+    X
+    1
+  
 
-</math>
-
+ +``` -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{ SpecName('MathML3', 'chapter3.html#presm.msub', 'msub') }}{{ Spec2('MathML3') }}Spécification actuelle
{{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }}{{ Spec2('MathML2') }}Spéficication initiale.
+| 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. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs +{{Compat("mathml.elements.msub")}} +## Notes spécifiques à Gecko -

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

+- À partir de Gecko 26.0 {{geckoRelease("26")}} il ne sera bientôt plus possible d'utiliser `` 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). -

Notes spécifiques à Gecko

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

Voir aussi

- -
    -
  • {{ MathMLElement("msup") }} (Superscript)
    • -
  • {{ MathMLElement("msubsup") }} (Subscript-superscript pair)
    • -
  • {{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)
    • -
+- {{ 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: slug: Web/MathML/Element/munder translation_of: Web/MathML/Element/munder --- -

{{MathMLRef()}}

-

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

-

Attributs

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

Exemples

-

Exemple de rendu: x+y+z

-

Rendu dans votre navigateur: x + y + z ⏟

-
<math>
+{{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 `` est utilisé pour attacher un accent ou une limite sous une expression. La syntaxe est la suivante: ` base script-en-dessous `
 
-</math>
-
+## Attributs -

Spécifications

+- 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). - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }}{{ Spec2('MathML3') }}Current specification
{{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }}{{ Spec2('MathML2') }}Initial specification
+## Exemples -

Compatibilité des navigateurs

+Exemple de rendu: ![x+y+z](munder.png) -

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

+Rendu dans votre navigateur: x + y + z ⏟ -

Voir aussi

+```html + -
    -
  • {{ MathMLElement("mover") }} (Overscript)
    • -
  • {{ MathMLElement("munderover") }} (Underscript-overscript pair)
    • -
+ + + x + + + y + + + z + + ⏟ + + + +``` + +## 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: slug: Web/MathML/Element/munderover tags: - MathML - - 'MathML:Element' + - MathML:Element - Référence MathML translation_of: Web/MathML/Element/munderover --- -

{{MathMLRef()}}

+{{MathMLRef()}} -

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

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

Attributs

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

Exemples

+## Exemples -

Exemple de rendu: integral-0-infinity

+Exemple de rendu: ![integral-0-infinity](munderover.png) -
<math displaystyle="true">
+```html
+
 
-  <munderover >
-    <mo> &#x222B; <!--INTEGRAL--> </mo>
-    <mn> 0 </mn>
-    <mi> &#x221E; <!--INFINITY--> </mi>
-  </munderover>
+  
+     ∫  
+     0 
+     ∞  
+  
 
-</math>
-
+ +``` -

{{EmbedLiveSample("Exemples")}}

+{{EmbedLiveSample("Exemples")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{ SpecName('MathML3', 'chapter3.html#presm.munderover', 'munderover') }}{{ Spec2('MathML3') }}Current specification
{{ SpecName('MathML2', 'chapter3.html#presm.munderover', 'munderover') }}{{ Spec2('MathML2') }}Initial specification
+| 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 | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

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

Voir aussi

+## Voir aussi -
    -
  • {{ MathMLElement("munder") }} (Underscript)
    • -
  • {{ MathMLElement("mover") }} (Overscript)
    • -
+- {{ 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 --- -

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

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

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

\ No newline at end of file +a ⁢ x 2 + b ⁢ x + c = 0 a ⁢ x 2 + b ⁢ x = - c x 2 + b a ⁤ x = -c a On divise par le premier coefficient du polynôme. x 2 + b a ⁤ x + b 2 a 2 = - c ( 4 a ) a ( 4 a ) + b 2 4 a 2 On rajoute un terme pour avoir un carré. ( x + b 2 a ) ( x + b 2 a ) = b 2 - 4 a c 4 a 2 Ici, on obtient la valeur du discriminant. ( x + b 2 a ) 2 = b 2 - 4 a c 4 a 2 x + b 2 a = ± b 2 - 4 a c 4 a 2 x = -b 2 a ± b 2 - 4 a c 4 a 2 x = - b ± b 2 - 4 a c 2 a 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 --- -

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

-
-
- Théorème de Pythagore
-
- Petit exemple de démonstration du théorème de Pythagore.
-
- Résolution de l'équation quadratique
-
- Étapes de la résolution de l'équation quadratique.
-
- Tests de rendu MathML
-
- Un ensemble test de rendu de formules.
-
+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 --- -

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

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

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

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

Preuve : nous pouvons le prouver de façon algébrique en montrant que l'aire du grand carré est égale à l'aire du carré intérieur, ajoutée à l'aire des 4 triangles :

- - - - - - - ( - a - + - b - ) - - 2 - - - - = - - - - c - 2 - - + - 4 - ⋅ - ( - - 1 - 2 - - a - b - ) - - - - - - a - 2 - - + - 2 - a - b - + - - b - 2 - - - - = - - - - c - 2 - - + - 2 - a - b - - - - - - a - 2 - - + - - b - 2 - - - - = - - - - c - 2 - - - - - \ 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 : + +( a + b ) 2 = c 2 ++ 4 ⋅ ( +1 2 a b ) +a 2 ++ 2 a b + b 2 += c 2 ++ 2 a b +a 2 ++ b 2 += c 2 diff --git a/files/fr/web/mathml/index.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 --- -

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

- -

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

- -

Documentations à propos de MathML

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

Obtenir de l'aide de la communauté

- - - -

Outils facilitant le développement avec MathML

- - - -

Sujets liés

- - - -

Compatibilité des navigateurs

- -

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

+**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 --- -

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

+{{Index("/fr/docs/Web/MathML")}} -- cgit v1.2.3-54-g00ecf