From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/html/element/rb/index.html | 148 ++++++++++++++++++++++++++++++++ 1 file changed, 148 insertions(+) create mode 100644 files/fr/web/html/element/rb/index.html (limited to 'files/fr/web/html/element/rb') diff --git a/files/fr/web/html/element/rb/index.html b/files/fr/web/html/element/rb/index.html new file mode 100644 index 0000000000..27bb5d7fae --- /dev/null +++ b/files/fr/web/html/element/rb/index.html @@ -0,0 +1,148 @@ +--- +title: ' : l''élément de base ruby' +slug: Web/HTML/Element/rb +tags: + - Element + - HTML + - Reference + - Ruby +translation_of: Web/HTML/Element/rb +--- +
{{HTMLRef}}
+ +

L'élément de base ruby (<rb>) est utilisé afin de délimiter le composant texte de base d'une annotation {{HTMLElement("ruby")}}. Autrement dit, le texte qui est annoté. Un élément <rb> devrait encadrer chaque segment atomique du texte de base.

+ + + + + +

Attributs

+ +

Seuls les attributs universels peuvent être utilisés sur cet élément.

+ +

Notes d'utilisation

+ + + +

Exemples

+ +

Dans cet exemple, on fournit une annotation pour le caractère original correspondant à "Kanji" :

+ +
<ruby>
+  <rb>漢<rb>字
+  <rp>(</rp><rt>kan<rt>ji<rp>)</rp>
+</ruby>
+ +

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 {{htmlelement("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>
+ + + +

Voici le résultat obtenu :

+ +

{{EmbedLiveSample("with-ruby", "100%", 60)}}

+ +

Pour un navigateur qui ne prend pas en charge les annotations ruby, voici à quoi aurait ressemblé le résultat :

+ +
+ +
+ +

{{EmbedLiveSample("without-ruby", "100%", 60)}}

+ +
+

Note : Voir l'article sur l'élément {{HTMLElement("ruby")}} pour de plus amples exemples.

+
+

Résumé technique

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuAucune.
Contenu autoriséCet élément peut être l'élément fils d'un élément {{htmlelement("ruby")}}.
Omission de baliseLa balise de fin peut être omise si l'élément est immédiatement suivi d'un élément {{HTMLElement("rt")}}, {{HTMLElement("rtc")}} ou {{HTMLElement("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ésUn élément {{HTMLElement("ruby")}}.
Rôles ARIA autorisésN'importe quel rôle
Interface DOM{{domxref("HTMLElement")}}
+ + +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rb-element', '<rb>')}}{{Spec2('HTML5 W3C')}} 
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("html.elements.rb")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf