diff options
Diffstat (limited to 'files/fr/web/html/element/rtc/index.md')
| -rw-r--r-- | files/fr/web/html/element/rtc/index.md | 172 |
1 files changed, 84 insertions, 88 deletions
diff --git a/files/fr/web/html/element/rtc/index.md b/files/fr/web/html/element/rtc/index.md index c1b53d7ffa..26fcffd77c 100644 --- a/files/fr/web/html/element/rtc/index.md +++ b/files/fr/web/html/element/rtc/index.md @@ -9,110 +9,106 @@ tags: - Web translation_of: Web/HTML/Element/rtc --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément<strong> <code><rtc></code> </strong>permet d'ajouter des notations Ruby sémantiques. Il est donc « proche » des éléments liées à la représentation Ruby comme {{HTMLElement("rb")}}, {{HTMLElement("ruby")}}. Les éléments {{HTMLElement("rb")}} peuvent être annotés pour la prononciation ({{HTMLElement("rt")}}) ou pour la sémantique ({{HTMLElement("rtc")}}).</p> +L'élément** `<rtc>` **permet d'ajouter des notations Ruby sémantiques. Il est donc « proche » des éléments liées à la représentation Ruby comme {{HTMLElement("rb")}}, {{HTMLElement("ruby")}}. Les éléments {{HTMLElement("rb")}} peuvent être annotés pour la prononciation ({{HTMLElement("rt")}}) ou pour la sémantique ({{HTMLElement("rtc")}}). -<div>{{EmbedInteractiveExample("pages/tabbed/rtc.html", "tabbed-standard")}}</div> +{{EmbedInteractiveExample("pages/tabbed/rtc.html", "tabbed-standard")}} -<h2 id="Attributs">Attributs</h2> +## Attributs -<p>Cet élément peut utiliser <a href="/fr/docs/Web/HTML/Attributs_universels">les attributs universels</a>.</p> +Cet élément peut utiliser [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). -<h2 id="Exemple">Exemple</h2> +## Exemple -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush: html"><ruby> - <rb>旧</rb> <rt>jiù</rt> - <rb>金</rb> <rt>jīn</rt> - <rb>山</rb> <rt>shān</rt> - <rtc>San Francisco</rtc> -</ruby> -</pre> +```html +<ruby> + <rb>旧</rb> <rt>jiù</rt> + <rb>金</rb> <rt>jīn</rt> + <rb>山</rb> <rt>shān</rt> + <rtc>San Francisco</rtc> +</ruby> +``` -<pre class="brush: css hidden">.info { +```css hidden +.info { padding-top: 10px; font-size: 36px; } -</pre> +``` -<h3 id="Résultat">Résultat</h3> +### Résultat + +{{EmbedLiveSample("Exemple",600,120)}} + +## Résumé technique -<p>{{EmbedLiveSample("Exemple",600,120)}}</p> -<h2 id="Résumé_technique">Résumé technique</h2> <table class="properties"> - <tbody> - <tr> - <th scope="row"><dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu">Catégories de contenu</a></dfn></th> - <td>Aucune.</td> - </tr> - <tr> - <th scope="row">Contenu autorisé</th> - <td>Du <a href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a> ou des éléments {{HTMLElement("rt")}}.</td> - </tr> - <tr> - <th scope="row">Omission de balises</th> - <td>La balise de fin peut être omise si l'élément est immédiatement suivi par un élément {{HTMLElement("rb")}}, {{HTMLElement("rtc")}} ou {{HTMLElement("rt")}} ou s'il est immédiatement suivi par la balise de fermeture de l'élément parent.</td> - </tr> - <tr> - <th scope="row">Parents autorisés</th> - <td>Un élément {{HTMLElement("ruby")}}.</td> - </tr> - <tr> - <th scope="row">Rôles ARIA autorisés</th> - <td>Tous les rôles sont autorisés.</td> - </tr> - <tr> - <th scope="row">Interface DOM</th> - <td>{{domxref("HTMLElement")}}</td> - </tr> - </tbody> -</table> -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML5.3', 'textlevel-semantics.html#the-rtc-element', '<rtc>')}}</td> - <td>{{Spec2('HTML5.3')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5.2', 'textlevel-semantics.html#the-rtc-element', '<rtc>')}}</td> - <td>{{Spec2('HTML5.2')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', 'textlevel-semantics.html#the-rtc-element', '<rtc>')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rtc-element', '<rtc>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> + <tbody> + <tr> + <th scope="row"> + <dfn + ><a href="/fr/docs/Web/HTML/Catégorie_de_contenu" + >Catégories de contenu</a + ></dfn + > + </th> + <td>Aucune.</td> + </tr> + <tr> + <th scope="row">Contenu autorisé</th> + <td> + Du + <a + href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" + >contenu phrasé</a + > + ou des éléments {{HTMLElement("rt")}}. + </td> + </tr> + <tr> + <th scope="row">Omission de balises</th> + <td> + La balise de fin peut être omise si l'élément est immédiatement suivi + par un élément {{HTMLElement("rb")}}, + {{HTMLElement("rtc")}} ou {{HTMLElement("rt")}} ou s'il est + immédiatement suivi par la balise de fermeture de l'élément parent. + </td> + </tr> + <tr> + <th scope="row">Parents autorisés</th> + <td>Un élément {{HTMLElement("ruby")}}.</td> + </tr> + <tr> + <th scope="row">Rôles ARIA autorisés</th> + <td>Tous les rôles sont autorisés.</td> + </tr> + <tr> + <th scope="row">Interface DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> </table> -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------- | +| {{SpecName('HTML5.3', 'textlevel-semantics.html#the-rtc-element', '<rtc>')}} | {{Spec2('HTML5.3')}} | | +| {{SpecName('HTML5.2', 'textlevel-semantics.html#the-rtc-element', '<rtc>')}} | {{Spec2('HTML5.2')}} | | +| {{SpecName('HTML5.1', 'textlevel-semantics.html#the-rtc-element', '<rtc>')}} | {{Spec2('HTML5.1')}} | | +| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rtc-element', '<rtc>')}} | {{Spec2('HTML5 W3C')}} | Définition initiale. | + +## Compatibilité des navigateurs -<p>{{Compat("html.elements.rtc")}}</p> +{{Compat("html.elements.rtc")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{HTMLElement("ruby")}}</li> - <li>{{HTMLElement("rp")}}</li> - <li>{{HTMLElement("rb")}}</li> - <li>{{HTMLElement("rt")}}</li> - <li>{{HTMLElement("rtc")}}</li> -</ul> +- {{HTMLElement("ruby")}} +- {{HTMLElement("rp")}} +- {{HTMLElement("rb")}} +- {{HTMLElement("rt")}} +- {{HTMLElement("rtc")}} |