L'élément HTML <ruby> représente une annotation ruby. Les annotations Ruby servent à afficher la prononciation des caractères d'Asie orientale.
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 globaux.
Exemples
Annoter un caractère
HTML
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby>
Résultat
Annoter un mot
HTML
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
Résultat
Résumé technique
| Catégories de contenu | Contenu de flux, contenu de phrasé, contenu tangible. |
|---|---|
| Contenu autorisé | Contenu de phrasé. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | Tout élément qui accepte du contenu de phrasé. |
| 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 '<ruby>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<ruby>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer unepull request sur https://github.com/mdn/browser-compat-data.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ruby | Chrome Support complet 5 | Edge Support complet Oui | 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