Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <sup>

Het <sup>-HTML-element geeft inline tekst aan die weergegeven moet worden als superscript, uitsluitend om typografische redenen. Superscripts worden meestal weergegeven met een verhoogde basislijn en kleinere tekst.

Code
<p>
  The <em>Pythagorean theorem</em> is often expressed as the following equation:
</p>

<p>
  <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
</p>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Gebruiksopmerkingen

Het <sup>-element mag alleen om typografische redenen gebruikt worden — dat wil zeggen, om de positie van de tekst te wijzigen om te voldoen aan typografische conventies of normen, in plaats van uitsluitend om presentatie- of vormgevingsredenen.

Om bijvoorbeeld het woordmerk van een bedrijf of product met een verhoogde basislijn te stylen, moet dit gedaan worden met CSS (waarschijnlijk vertical-align) in plaats van met <sup>. Dit zou gedaan worden met bijvoorbeeld vertical-align: super of, om de basislijn 50% omhoog te verschuiven, vertical-align: 50%.

Passende gebruiksscenario's voor <sup> zijn onder meer (maar niet noodzakelijk beperkt tot):

  • Het weergeven van exponenten, zoals "x3". Het kan de moeite waard zijn om het gebruik van MathML hiervoor te overwegen, vooral in complexere gevallen. Zie Exponenten onder Voorbeelden hieronder.
  • Het weergeven van verhoogde letters, die in sommige talen gebruikt worden bij het weergeven van bepaalde afkortingen. In het Frans kan het woord "mademoiselle" bijvoorbeeld afgekort worden als "Mlle"; dit is een acceptabel gebruiksscenario. Zie Verhoogde letters voor voorbeelden.
  • Het weergeven van rangtelwoorden, zoals "4e" in plaats van "vierde." Zie Rangtelwoorden voor voorbeelden.

Voorbeelden

Exponenten

Exponenten, of machten van een getal, behoren tot de meest voorkomende toepassingen van tekst in superscript. Bijvoorbeeld:

HTML
<p>
  One of the most common equations in all of physics is <var>E</var>=<var>m</var
  ><var>c</var><sup>2</sup>.
</p>

Resultaat

Resultaat in de browser

Verhoogde letters

Verhoogde letters zijn technisch gezien niet hetzelfde als superscript. Het is echter gebruikelijk om <sup> te gebruiken om verhoogde letters in HTML weer te geven. Een van de meest voorkomende toepassingen van verhoogde letters is de weergave van bepaalde afkortingen in het Frans:

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

Resultaat

Resultaat in de browser

Rangtelwoorden

Rangtelwoorden, zoals "fourth" in het Engels of "quinto" in het Spaans, kunnen worden afgekort met cijfers en taalspecifieke tekst die in superscript wordt weergegeven:

HTML
<p>
  The ordinal number "fifth" can be abbreviated in various languages as follows:
</p>
<ul>
  <li>English: 5<sup>th</sup></li>
  <li>French: 5<sup>ème</sup></li>
</ul>

Resultaat

Resultaat in de browser

Technische samenvatting

Inhoudscategorieën Flow-inhoud, frasering-inhoud, tastbare inhoud.
Toegestane inhoud Frasering-inhoud.
Weglaten van tag Geen, zowel de begin- als de eindtag zijn verplicht.
Toegestane ouders Elk element dat frasering-inhoud accepteert.
Impliciete ARIA-rol superscript
Toegestane ARIA-rollen Elke
DOM-interface HTMLElement

Zie ook

Verwante elementen