<sup>

  • Raccourci de la révision : Web/HTML/Element/sup
  • Titre de la révision : <sup>
  • ID de la révision : 413559
  • Créé :
  • Créateur : SphinxKnight
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <sup> (pour Superscript) représente un morceau de texte qui devrait être, pour des raisons typographiques, sur une ligne plus haute et souvent plus petit que le texte principal.

Notes d'utilisation :

  • Cet élément devrait seulement être utilisé pour des raisons typographiques au sens où changer la position du texte implique changer la signification de ce texte. Les formules mathématiques (comme f4, bien qu'ici, l'utilisation d'une formule MathML pourrait être une meilleure solution) ou les abréviations françaises (comme Mlle, Mme ou Cie) sont des exemples de ce cas de figure.
  • Cet élément ne doit pas être utilisé pour une simple mise en forme. La propriété CSS {{ cssxref("vertical-align") }} avec la valeur sup permettra d'obtenir le même effet.

Attributs

Comme tous les éléments HTML, cet élément dispose des attributs globaux.

Exemple

<p>Ce texte est mis en<sup>exposant</sup></p>

Le code HTML ci-dessus produira le résultat suivant :

Ce texte est mis en exposant

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-sub-and-sup-elements', '<sup>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '<sup>')}} {{Spec2('HTML4.01')}}  

Voir aussi

  • L'élément HTML {{ HTMLElement("sub") }} produisant un effet de mise en indice. Il est à noter que l'élément <sub> et l'élément <sup> ne peuvent pas être utilisés simultanément. Pour produire l'affichage du symbole chimique d'un élément, il faudra utiliser MathML pour représenter son numéro atomique et son nombre de masse.
  • Les éléments MathML <msub>, <msup> et <msubsup>.

Source de la révision

<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>L'élément <strong>HTML <code>&lt;sup&gt;</code></strong> (pour <em>Superscript</em>) représente un morceau de texte qui devrait être, pour des raisons typographiques, sur une ligne plus haute et souvent plus petit que le texte principal.</p>
<div class="note">
  <p><strong>Notes d'utilisation :</strong></p>
  <ul>
    <li>Cet élément devrait seulement être utilisé pour des raisons typographiques au sens où changer la position du texte implique changer la signification de ce texte. Les formules mathématiques (comme <var>f<sup>4</sup></var>, bien qu'ici, l'utilisation d'une formule <a href="/fr/docs/MathML" title="en/MathML">MathML</a> pourrait être une meilleure solution) ou les abréviations françaises (comme M<sup>lle</sup>, M<sup>me</sup> ou C<sup>ie</sup>) sont des exemples de ce cas de figure.</li>
    <li>Cet élément ne doit pas être utilisé pour une simple mise en forme. La propriété <a href="/fr/docs/CSS" title="en/CSS">CSS</a> {{ cssxref("vertical-align") }} avec la valeur <span style="font-family: Courier New;">sup</span> permettra d'obtenir le même effet.</li>
  </ul>
</div>
<ul class="htmlelt">
  <li><dfn><a href="/fr/docs/HTML/Catégorie_de_contenu" title="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nbsp;</a></dfn><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contenu de flux</a>, <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a></li>
  <li><dfn>Contenu autorisé </dfn><a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">Contenu phrasé</a></li>
  <li><dfn>Omission de balises </dfn> {{no_tag_omission}}</li>
  <li><dfn>Éléments parents autorisés </dfn>Tout élément acceptant du <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a></li>
  <li><dfn>Interface DOM </dfn>{{domxref("HTMLElement")}}. Auparavant et jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémente l'interface {{domxref("HTMLSpanElement")}} pour cet élément</li>
</ul>
<h2 id="Attributs">Attributs</h2>
<p>Comme tous les éléments HTML, cet élément dispose des <a href="/fr/docs/HTML/Global_attributes" title="/fr/docs/HTML/Global_attributes">attributs globaux</a>.</p>
<h2 id="Exemple">Exemple</h2>
<pre class="brush: html">
&lt;p&gt;Ce texte est mis en&lt;sup&gt;exposant&lt;/sup&gt;&lt;/p&gt;
</pre>
<p>Le code HTML ci-dessus produira le résultat suivant :</p>
<p>Ce texte est mis en <sup>exposant</sup></p>
<h2 id="Specifications" name="Specifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-sub-and-sup-elements', '&lt;sup&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '&lt;sup&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
  <li>L'élément HTML {{ HTMLElement("sub") }} produisant un effet de mise en indice. Il est à noter que l'élément &lt;sub&gt; et l'élément &lt;sup&gt; ne peuvent pas être utilisés simultanément. Pour produire l'affichage du symbole chimique d'un élément, il faudra utiliser <a href="/fr/docs/MathML/" title="en/MathML">MathML</a> pour représenter son numéro atomique et son nombre de masse.</li>
  <li>Les éléments MathML <a href="/fr/docs/MathML/Element/msub" title="/fr/docs/MathML/Element/msub"><span style="font-family: Courier New;">&lt;msub&gt;</span></a>, <a href="/fr/docs/MathML/Element/msup" title="/fr/docs/MathML/Element/msup"><span style="font-family: Courier New;">&lt;msup&gt;</span></a> et <a href="/fr/docs/MathML/Element/msubsup" title="/fr/docs/MathML/Element/msubsup"><span style="font-family: Courier New;">&lt;msubsup&gt;</span></a>.</li>
</ul>
Revenir à cette révision