From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/html/element/sup/index.html | 156 +++++++++++++++++++++++++++++++ 1 file changed, 156 insertions(+) create mode 100644 files/fr/web/html/element/sup/index.html (limited to 'files/fr/web/html/element/sup') diff --git a/files/fr/web/html/element/sup/index.html b/files/fr/web/html/element/sup/index.html new file mode 100644 index 0000000000..0b0942d6d6 --- /dev/null +++ b/files/fr/web/html/element/sup/index.html @@ -0,0 +1,156 @@ +--- +title: ' : l''élément de mise en exposant' +slug: Web/HTML/Element/sup +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/sup +--- +
{{HTMLRef}}
+ +

L'élément HTML <sup> est utilisé, pour des raisons typographiques, afin d'afficher du texte en exposant (plus haut et généralement plus petit) par rapport au bloc de texte environnant.

+ +
{{EmbedInteractiveExample("pages/tabbed/sup.html", "tabbed-shorter")}}
+ + + +

Attributs

+ +

Cet élément inclut uniquement les attributs universels.

+ +

Notes d'utilisation

+ +

Cet élément devrait uniquement être utilisé pour des raisons typographiques lorsque la position du texte est liée à la signification de ce texte (par exemple pour une formule mathématiques) ou aux règles typographiques (par exemple en français pour Mlle, Mme ou Cie).

+ +

Ainsi, on n'utilisera pas <sup> afin d'obtenir un effet visuel d'un logo par exemple. Pour un simple effet de mise en forme (hors typographie), on utilisera plutôt la propriété {{cssxref("vertical-align")}}, utilisée avec la valeur super (voire avec une valeur numérique si on souhaite être plus précis).

+ +

Voici quelques cas d'utilisation (non exhaustifs) pour <sup> :

+ + + +

Exemples

+ +

Puissance mathématique

+ +

HTML

+ +
<p>
+  Voici la fonction exponentielle :
+  e<sup>x</sup>.
+</p>
+
+ +

Résultat

+ +

{{EmbedLiveSample("Puissance_mathématique","100%","120")}}

+ +

Lettres supérieures

+ +

Bien que, techniquement, le lettrage supérieur ne corresponde pas à la mise en exposant, on voit souvent <sup> utilisé pour certaines abréviations.

+ +

HTML

+ +
<p>
+  Robert a présenté son rapport à M<sup>lle</sup> Bernard.
+</p>
+ +

Résultat

+ +

{{EmbedLiveSample("Lettres_supérieures","650","80")}}

+ +

Nombres ordinaux

+ +

HTML

+ +
<p>
+  Voici comment le nombre ordinal cinquième est écrit dans
+  différentes langues
+</p>
+<ul>
+  <li>en français : 5<sup>e</sup></li>
+  <li>en anglais : 5<sup>th</sup></li>
+</ul>
+ +

Résultat

+ +

{{EmbedLiveSample("Nombres_ordinaux", 650, 160)}}

+ +

Résumé technique

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé.
Contenu autoriséContenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément acceptant du contenu phrasé.
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOM{{domxref("HTMLElement")}}
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-sub-and-sup-elements', '<sub> and <sup>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-sub-and-sup-elements', '<sub> and <sup>;')}}{{Spec2('HTML5 W3C')}} 
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("html.elements.sup")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf