Balise HTML `<rtc>`

L'élément HTML <rtc> sert à regrouper un ou plusieurs <rt> éléments afin de fournir des annotations sémantiques pour le texte de base ruby. Il se trouve à l'intérieur d'un conteneur <ruby> aux côtés des éléments <rb>.

Les annotations ruby sont généralement utilisées dans la typographie d'Asie de l'Est. Alors que les éléments <rt> fournissent généralement des guides de prononciation, les éléments <rtc> regroupent ces annotations pour ajouter une signification sémantique (comme des traductions ou des lectures alternatives) sans affecter la disposition phonétique.

Note : Les éléments <rtc> et <rbc> sont obsolètes dans HTML5.1+ et ont été supprimés du HTML Living Standard. Ils sont conservés uniquement pour la compatibilité avec les anciennes versions. Pour le développement web moderne, utilisez plutôt les propriétés CSS ruby.

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

Syntaxe

La balise <rtc> s'utilise par paire. Le contenu est écrit entre les balises d'ouverture (<rtc>) et de fermeture (</rtc>). La balise de fermeture de l'élément <rtc> peut être omise lorsqu'elle est immédiatement suivie de <rb>, <rt>, <rp> ou <rtc>, ou lorsqu'il n'y a aucun contenu dans l'élément parent.

Exemple de la balise HTML `<rtc>` :

Avertissement : Cet exemple utilise les éléments obsolètes <rtc> et <rbc>. Il est fourni uniquement à titre de référence pour les anciennes versions.

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <ruby>
      <rbc>
        <rb>旧</rb>
        <rt>jiù</rt>
        <rb>金</rb>
        <rt>jīn</rt>
        <rb>山</rb>
        <rt>shān</rt>
      </rbc>
      <rtc><rt>San Francisco</rt></rtc>
    </ruby>
  </body>
</html>

Try it Yourself »

Résultat

Exemple de la balise HTMLrtc

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

Prise en charge par les navigateurs

Navigateur	Prise en charge
Chrome	Obsolète
Firefox	Obsolète
Safari	Obsolète
Edge	Obsolète
Opera	Obsolète

Note : La prise en charge est obsolète en raison de la suppression de <rtc> et <rbc> dans HTML5.1+. Les navigateurs modernes peuvent ignorer ces éléments ou les rendre de manière incohérente. Utilisez les propriétés CSS ruby pour les projets actuels.

Pratique

@media (min-width: 962px) { .responsive-image{ width: 420px;}}

Balise HTML <rtc> ​

Syntaxe ​

Exemple de la balise HTML <rtc> : ​

Résultat ​