L'élément de base ruby (<rb>
) est utilisé afin de délimiter le composant texte de base d'une annotation <ruby>
. Autrement dit, le texte qui est annoté. Un élément <rb>
devrait encadrer chaque segment atomique du texte de base.
Seuls les attributs universels peuvent être utilisés sur cet élément.
Notes d'utilisation<rb>
permet de séparer chaque segment du texte de base ruby.<rb>
ne soit pas un élément vide, il est courant de n'inclure que la balise d'ouverture de chaque élément afin de simplifier le balisage dédié aux annotations ruby.<rt>
pour chaque segment de base <rb>
qu'on souhaite annoter.Dans cet exemple, on fournit une annotation pour le caractère original correspondant à "Kanji" :
<ruby>
<rb>æ¼¢</rb><rb>å </rb><rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>
Résultat
On voit ici que deux éléments <rb>
sont inclus et permettent de délimiter les deux segments du texte de base. Pour l'annotation, chaque partie correspondante est délimitée par un élément <rt>
.
On aurait également pu écrire cet exemple avec les deux parties du texte de base complètement séparées. Dans ce cas, il n'aurait pas été nécessaire d'inclure les éléments <rb>
:
<ruby>
æ¼¢ <rp>(</rp><rt>Kan</rt><rp>)</rp> å <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
Résultat Avec prise en charge de ruby
<ruby>
<rb>æ¼¢</rb><rb>å </rb><rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>
body {
font-size: 22px;
}
Résultat
Pour un navigateur qui ne prend pas en charge les annotations ruby, voici à quoi aurait ressemblé le résultat :
Sans prise en charge de rubybody {
font-size: 22px;
}
Résultat
Note : Voir l'article sur l'élément <ruby>
pour de plus amples exemples.
<ruby>
. Omission de balise La balise de fin peut être omise si l'élément est immédiatement suivi d'un élément <rt>
, <rtc>
ou <rp>
ou encore par un autre élément <rb>
ou s'il n'y a plus de contenu dans l'élément parent. Ãléments parents autorisés Un élément <ruby>
. Rôles ARIA autorisés N'importe quel rôle Interface DOM HTMLElement
Spécifications Compatibilité des navigateurs Voir aussi
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4