L'élément HTML <rp> est utilisé pour fournir ce qui fera office de parenthèse aux navigateurs qui ne prennent pas en charge les annotations Ruby.
Les annotations Ruby permettent d'afficher la prononciation des caractères d'Asie orientale, notamment lors de l'usage de caractères furigana Japonais ou bopomofo Taïwanais.
Un élément <rp> devrait encadrer chaque parenthèse ouvrante et fermante englobant l'élément <rt> contenant les annotations.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Attributs
Cet élément inclut uniquement les attributs universels.
Exemples
HTML
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby>
CSS
body {
font-size: 22px;
}
Résultat
Avec un navigateur ne prenant pas en charge les annotations Ruby, on aurait :
漢 (Kan) 字 (ji)
body {
font-size: 22px;
}
Résumé technique
| Catégories de contenu | Aucune. |
|---|---|
| Contenu autorisé | Contenu phrasé. Texte. |
| Omission de balises | La balise de fin peut être absente si l'élément est immédiatement suivi d'un élément <rt> ou d'un autre élément <rp> ou s'il n'y a plus de contenu dans l'élément parent. |
| Parents autorisés | Un élément <ruby>. <rp> doit être positionné immédiatement avant ou après un élément <rt>. |
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | HTMLElement |
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<rp>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<rp>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
rp | Chrome Support complet 5 | Edge Support complet 79 | Firefox Support complet 38 | IE Support complet 5 | Opera Support complet 15 | Safari Support complet 5 | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 38 | Opera Android Support complet 14 | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet