Balise HTML `<ruby>`

La balise <ruby> définit une annotation ruby. Elle est utilisée dans les langues japonaises et asiatiques de l'Est. Une annotation ruby est un petit texte supplémentaire lié au texte principal pour indiquer le sens ou la prononciation des caractères équivalents. Les parenthèses de secours sont placées dans la balise <rp>. L'annotation est affichée en petit texte au-dessus des caractères.

La balise <ruby> fait partie des éléments HTML5.

Vous pouvez utiliser la balise <ruby> avec les balises <rp> et/ou <rt>. La balise <ruby> contient un ou plusieurs caractères nécessitant une prononciation ou une explication. La balise <rt> fournit ces informations, et la balise <rp> définit un texte alternatif, qui est affiché dans les navigateurs ne prenant pas en charge la balise <ruby>.

Syntaxe

La balise <ruby> s'utilise par paires. Le contenu est écrit entre les balises d'ouverture (<ruby>) et de fermeture (</ruby>).

Exemple de la balise HTML `<ruby>` :

Balise HTML <ruby>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <ruby>
      明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp>
    </ruby>
  </body>
</html>

Try it Yourself »

Résultat

exemple de la balise ruby

Attributs

La balise <ruby> prend en charge les Attributs globaux et les Attributs d'événement.

Comment styliser une balise HTML <ruby>

css

ruby {
  color: blue;
}
rt {
  color: red;
}

Pratique

Quel est l'objectif de la balise HTML <ruby> ?

Elle est utilisée pour intégrer une vidéo.Elle est utilisée pour créer des sections dans un document.Elle est utilisée pour ajouter une annotation ruby au texte.Elle est utilisée pour représenter de courts extraits de texte à côté du texte de base, généralement utilisée dans la typographie asiatique de l'Est pour indiquer la prononciation ou fournir une courte annotation.Elle est utilisée pour insérer une image.

Balise HTML <ruby> ​

Syntaxe ​

Exemple de la balise HTML <ruby> : ​

Résultat ​