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

Het element <ruby>

Het HTML-element <ruby> stelt kleine annotaties voor die boven, onder of naast de basistekst worden weergegeven, doorgaans gebruikt om de uitspraak van Oost-Aziatische tekens te tonen. Het kan ook worden gebruikt om andere soorten tekst te annoteren, maar dit gebruik komt minder vaak voor.

Auteur: Maarten Soetens

Code 
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Voorbeelden

Voorbeeld 1: Teken

HTML
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

Resultaat

Resultaat in de browser

Voorbeeld 2: Woord

HTML
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>

Resultaat

Resultaat in de browser

Technische samenvatting

Contentcategorieën Flow content, phrasing content, palpable content.
Toegestane inhoud Eén of meer groepen, elk bestaande uit twee delen:
  1. De basistekst, die ofwel is:
    • Phrasing content, maar zonder <ruby>-elementen en zonder afstammelingen die <ruby>-elementen zijn, of
    • Eén enkel <ruby>-element dat zelf geen afstammelingen heeft die <ruby>-elementen zijn.
  2. De annotaties bij de basistekst, die ofwel zijn:
    • Eén of meer <rt>-elementen, of
    • Een <rp>-element gevolgd door één of meer <rt>-elementen, elk op zijn beurt gevolgd door een <rp>-element (dat wil zeggen, rp, rt, rp, rt, ..., rp).
Weglaten van tags Geen, zowel de begin- als eindtag zijn verplicht.
Toegestane bovenliggende elementen Elk element dat phrasing content accepteert.
Impliciete ARIA-rol Geen bijbehorende rol
Toegestane ARIA-rollen Elke
DOM-interface HTMLElement

Zie ook

Verwante elementen

<abbr> <b> <bdi> <bdo> <blockquote> <br> <cite> <code>