diff options
Diffstat (limited to 'files/fr/web/html/element/hr/index.md')
| -rw-r--r-- | files/fr/web/html/element/hr/index.md | 184 |
1 files changed, 89 insertions, 95 deletions
diff --git a/files/fr/web/html/element/hr/index.md b/files/fr/web/html/element/hr/index.md index d29d2b3bb1..4fffaea7de 100644 --- a/files/fr/web/html/element/hr/index.md +++ b/files/fr/web/html/element/hr/index.md @@ -8,127 +8,121 @@ tags: - Web translation_of: Web/HTML/Element/hr --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément HTML <strong><code><hr></code></strong> représente un changement thématique entre des éléments de paragraphe (par exemple, un changement de décor dans un récit, un changement de sujet au sein d'une section).</p> +L'élément HTML **`<hr>`** représente un changement thématique entre des éléments de paragraphe (par exemple, un changement de décor dans un récit, un changement de sujet au sein d'une section). -<div>{{EmbedInteractiveExample("pages/tabbed/hr.html", "tabbed-shorter")}}</div> +{{EmbedInteractiveExample("pages/tabbed/hr.html", "tabbed-shorter")}} -<p>Dans les versions précédentes d'HTML, il représente une ligne horizontale. Bien qu'il puisse toujours être représenté ainsi par les navigateurs graphiques, il possède désormais une signification sémantique et ne représente plus un élément de mise en forme.</p> +Dans les versions précédentes d'HTML, il représente une ligne horizontale. Bien qu'il puisse toujours être représenté ainsi par les navigateurs graphiques, il possède désormais une signification sémantique et ne représente plus un élément de mise en forme. -<h2 id="Attributs">Attributs</h2> +## Attributs -<p>Cet élément prend en charge <a href="/fr/docs/Web/HTML/Attributs_universels">les attributs universels</a>.</p> +Cet élément prend en charge [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). -<h3 id="Attributs_dépréciés_obsolètes_ou_non-standard">Attributs dépréciés, obsolètes ou non-standard</h3> +### Attributs dépréciés, obsolètes ou non-standard -<dl> - <dt>{{htmlattrdef("align")}} {{deprecated_inline}}</dt> - <dd>Définit l'alignement de la ligne horizontale sur la page. Si aucune valeur n'est renseignée, la valeur prise par défaut est <code>left</code>.</dd> - <dt>{{htmlattrdef("color")}} {{Non-standard_inline}}</dt> - <dd>Définit la couleur à utiliser pour la ligne horizontale, grâce à un nom de couleur SVG ou à un code hexadécimal (précédé d'un #).</dd> - <dt>{{htmlattrdef("noshade")}} {{deprecated_inline}}</dt> - <dd>Avec cet attribut, la ligne horizontale n'aura pas d'ombre.</dd> - <dt>{{htmlattrdef("size")}} {{deprecated_inline}}</dt> - <dd>Définit la hauteur de la ligne, exprimée en pixels.</dd> - <dt>{{htmlattrdef("width")}} {{deprecated_inline}}</dt> - <dd>Définit la longueur de la ligne, exprimée par une valeur en pixels ou en pourcents.</dd> -</dl> +- {{htmlattrdef("align")}} {{deprecated_inline}} + - : Définit l'alignement de la ligne horizontale sur la page. Si aucune valeur n'est renseignée, la valeur prise par défaut est `left`. +- {{htmlattrdef("color")}} {{Non-standard_inline}} + - : Définit la couleur à utiliser pour la ligne horizontale, grâce à un nom de couleur SVG ou à un code hexadécimal (précédé d'un #). +- {{htmlattrdef("noshade")}} {{deprecated_inline}} + - : Avec cet attribut, la ligne horizontale n'aura pas d'ombre. +- {{htmlattrdef("size")}} {{deprecated_inline}} + - : Définit la hauteur de la ligne, exprimée en pixels. +- {{htmlattrdef("width")}} {{deprecated_inline}} + - : Définit la longueur de la ligne, exprimée par une valeur en pixels ou en pourcents. -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush: html"><p> +```html +<p> Ceci est le premier paragraphe du texte. Les pandas roux sont géniaux. C'est mignon et c'est tout doux. -</p> +</p> -<hr> +<hr> -<p> +<p> Ceci est le deuxième paragraphe du texte. Les poneys ne sont pas pareils. Ils sont plus grands et moins exotiques. -</p> -</pre> +</p> +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample("Exemples","100%","200")}}</p> +{{EmbedLiveSample("Exemples","100%","200")}} -<h2 id="Résumé_technique">Résumé technique</h2> +## Résumé technique <table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/fr/docs/Web/HTML/Catégorie_de_contenu" title="HTML/Content_categories">Catégories de contenu</a></th> - <td><a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" title="HTML/Content categories#Flow content">Contenu de flux</a></td> - </tr> - <tr> - <th scope="row">Contenu autorisé</th> - <td>Aucun, c'est un élément vide.</td> - </tr> - <tr> - <th scope="row">Omission de balises</th> - <td>Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de balise fermante.</td> - </tr> - <tr> - <th scope="row">Parents autorisés</th> - <td>Tout élément qui accepte du <a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" title="HTML/Content categories#Flow content">contenu de flux</a>.</td> - </tr> - <tr> - <th scope="row">Rôles ARIA autorisés</th> - <td>{{ARIARole("presentation")}}</td> - </tr> - <tr> - <th scope="row">Interface DOM</th> - <td>{{domxref("HTMLHRElement")}}</td> - </tr> - </tbody> + <tbody> + <tr> + <th scope="row"> + <a + href="/fr/docs/Web/HTML/Catégorie_de_contenu" + title="HTML/Content_categories" + >Catégories de contenu</a + > + </th> + <td> + <a + href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" + title="HTML/Content categories#Flow content" + >Contenu de flux</a + > + </td> + </tr> + <tr> + <th scope="row">Contenu autorisé</th> + <td>Aucun, c'est un élément vide.</td> + </tr> + <tr> + <th scope="row">Omission de balises</th> + <td> + Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de + balise fermante. + </td> + </tr> + <tr> + <th scope="row">Parents autorisés</th> + <td> + Tout élément qui accepte du + <a + href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" + title="HTML/Content categories#Flow content" + >contenu de flux</a + >. + </td> + </tr> + <tr> + <th scope="row">Rôles ARIA autorisés</th> + <td>{{ARIARole("presentation")}}</td> + </tr> + <tr> + <th scope="row">Interface DOM</th> + <td>{{domxref("HTMLHRElement")}}</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', 'semantics.html#the-hr-element', '<hr>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Définition de l'élément <code>hr</code></td> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', 'rendering.html#the-hr-element-0')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Suggestion de rendu par défaut de l'élément <code>hr</code></td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-hr-element', '<hr>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.3', '<hr>')}}</td> - <td>{{Spec2('HTML4.01')}}</td> - <td>Les attributs <code>align</code>, <code>noshade</code>, <code>size</code>, <code>width</code> sont désormais dépréciés.</td> - </tr> - </tbody> -</table> +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------- | -------------------------------- | --------------------------------------------------------------------------- | +| {{SpecName('HTML WHATWG', 'semantics.html#the-hr-element', '<hr>')}} | {{Spec2('HTML WHATWG')}} | Définition de l'élément `hr` | +| {{SpecName('HTML WHATWG', 'rendering.html#the-hr-element-0')}} | {{Spec2('HTML WHATWG')}} | Suggestion de rendu par défaut de l'élément `hr` | +| {{SpecName('HTML5 W3C', 'grouping-content.html#the-hr-element', '<hr>')}} | {{Spec2('HTML5 W3C')}} | | +| {{SpecName('HTML4.01', 'present/graphics.html#h-15.3', '<hr>')}} | {{Spec2('HTML4.01')}} | Les attributs `align`, `noshade`, `size`, `width` sont désormais dépréciés. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("html.elements.hr")}}</p> +{{Compat("html.elements.hr")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{HTMLElement("p")}} qui permet de constituer des paragraphes.</li> -</ul> +- {{HTMLElement("p")}} qui permet de constituer des paragraphes. |