diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-13 07:13:08 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-07 11:56:53 +0100 |
commit | dea9d1f019d9e14357c58cf18653df1ac779d9d8 (patch) | |
tree | d20318111821d4e935a6c53409240078c4f687e5 /files/fr/web/html/element/rp/index.md | |
parent | 8829a7c9eb82f180bac76ed5836aaef95be209a1 (diff) | |
download | translated-content-dea9d1f019d9e14357c58cf18653df1ac779d9d8.tar.gz translated-content-dea9d1f019d9e14357c58cf18653df1ac779d9d8.tar.bz2 translated-content-dea9d1f019d9e14357c58cf18653df1ac779d9d8.zip |
convert content to md
Diffstat (limited to 'files/fr/web/html/element/rp/index.md')
-rw-r--r-- | files/fr/web/html/element/rp/index.md | 174 |
1 files changed, 91 insertions, 83 deletions
diff --git a/files/fr/web/html/element/rp/index.md b/files/fr/web/html/element/rp/index.md index f7db845a0f..1391f3f195 100644 --- a/files/fr/web/html/element/rp/index.md +++ b/files/fr/web/html/element/rp/index.md @@ -9,116 +9,124 @@ tags: - Web translation_of: Web/HTML/Element/rp --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément HTML <strong><code><rp></code> </strong>est utilisé pour fournir ce qui fera office de parenthèse aux navigateurs qui ne prennent pas en charge les annotations Ruby.</p> +L'élément HTML **`<rp>` **est utilisé pour fournir ce qui fera office de parenthèse aux navigateurs qui ne prennent pas en charge les annotations Ruby. -<p>Les annotations Ruby permettent d'afficher la prononciation des caractères d'Asie orientale, notamment lors de l'usage de caractères furigana Japonais ou bopomofo Taïwanais.</p> +Les annotations Ruby permettent d'afficher la prononciation des caractères d'Asie orientale, notamment lors de l'usage de caractères furigana Japonais ou bopomofo Taïwanais. -<p>Un élément <code><rp></code> devrait encadrer chaque parenthèse ouvrante et fermante englobant l'élément {{HTMLElement("rt")}} contenant les annotations.</p> +Un élément `<rp>` devrait encadrer chaque parenthèse ouvrante et fermante englobant l'élément {{HTMLElement("rt")}} contenant les annotations. -<div>{{EmbedInteractiveExample("pages/tabbed/rp.html", "tabbed-shorter")}}</div> +{{EmbedInteractiveExample("pages/tabbed/rp.html", "tabbed-shorter")}} -<h2 id="Attributs">Attributs</h2> +## Attributs -<p>Cet élément inclut uniquement <a href="/fr/docs/Web/HTML/Attributs_universels">les attributs universels</a>.</p> +Cet élément inclut uniquement [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="Avec_prise_en_charge_de_ruby">Avec prise en charge de ruby</h3> -<h4 id="HTML">HTML</h4> +### Avec prise en charge de ruby -<pre class="brush: html"><ruby> - 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> - 字 <rp>(</rp><rt>ji</rt><rp>)</rp> -</ruby></pre> +#### HTML +```html +<ruby> + 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> + 字 <rp>(</rp><rt>ji</rt><rp>)</rp> +</ruby> +``` -<pre class="brush: css hidden">body { +```css hidden +body { font-size: 22px; -}</pre> +} +``` -<h4 id="Résultat">Résultat</h4> +#### Résultat -<p>{{EmbedLiveSample("Avec_prise_en_charge_de_ruby","300","150")}}</p> +{{EmbedLiveSample("Avec_prise_en_charge_de_ruby","300","150")}} -<h3 id="Sans_prise_en_charge_de_ruby">Sans prise en charge de ruby</h3> +### Sans prise en charge de ruby -<p>Avec un navigateur ne prenant pas en charge les annotations Ruby, on aurait :</p> +Avec un navigateur ne prenant pas en charge les annotations Ruby, on aurait : -<pre class="brush: html hidden">漢 (Kan) 字 (ji)</pre> +```html hidden +漢 (Kan) 字 (ji) +``` -<pre class="brush: css hidden">body { +```css hidden +body { font-size: 22px; } -</pre> +``` -<p>{{EmbedLiveSample("Sans_prise_en_charge_de_ruby", 600, 60)}}</p> +{{EmbedLiveSample("Sans_prise_en_charge_de_ruby", 600, 60)}} -<h2 id="Résumé_technique">Résumé technique</h2> +## Résumé technique <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><a href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">Contenu phrasé</a>. Texte.</td> - </tr> - <tr> - <th scope="row">Omission de balises</th> - <td>La balise de fin peut être absente si l'élément est immédiatement suivi d'un élément {{HTMLElement("rt")}} ou d'un autre élément <code><rp></code> ou s'il n'y a plus de contenu dans l'élément parent.</td> - </tr> - <tr> - <th scope="row">Parents autorisés</th> - <td>Un élément {{HTMLElement("ruby")}}. <code><rp></code> doit être positionné immédiatement avant ou après un élément {{HTMLElement("rt")}}.</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> + <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> + <a + href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" + >Contenu phrasé</a + >. Texte. + </td> + </tr> + <tr> + <th scope="row">Omission de balises</th> + <td> + La balise de fin peut être absente si l'élément est immédiatement suivi + d'un élément {{HTMLElement("rt")}} ou d'un autre élément + <code><rp></code> ou s'il n'y a plus de contenu dans l'élément + parent. + </td> + </tr> + <tr> + <th scope="row">Parents autorisés</th> + <td> + Un élément {{HTMLElement("ruby")}}. <code><rp></code> doit + être positionné immédiatement avant ou après un élément + {{HTMLElement("rt")}}. + </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('HTML WHATWG', 'text-level-semantics.html#the-rp-element', '<rp>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rp-element', '<rp>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - </tbody> -</table> +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------ | +| {{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rp-element', '<rp>')}} | {{Spec2('HTML WHATWG')}} | | +| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rp-element', '<rp>')}} | {{Spec2('HTML5 W3C')}} | | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("html.elements.rp")}}</p> +{{Compat("html.elements.rp")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{HTMLElement("ruby")}}</li> - <li>{{HTMLElement("rt")}}</li> - <li>{{HTMLElement("rb")}}</li> - <li>{{HTMLElement("rtc")}}</li> -</ul> +- {{HTMLElement("ruby")}} +- {{HTMLElement("rt")}} +- {{HTMLElement("rb")}} +- {{HTMLElement("rtc")}} |