diff options
Diffstat (limited to 'files/fr/web/html/element/blockquote/index.md')
| -rw-r--r-- | files/fr/web/html/element/blockquote/index.md | 107 |
1 files changed, 107 insertions, 0 deletions
diff --git a/files/fr/web/html/element/blockquote/index.md b/files/fr/web/html/element/blockquote/index.md new file mode 100644 index 0000000000..e86f94caa2 --- /dev/null +++ b/files/fr/web/html/element/blockquote/index.md @@ -0,0 +1,107 @@ +--- +title: '<blockquote> : l''élément de bloc de citation' +slug: Web/HTML/Element/blockquote +tags: + - Blockquote + - Element + - HTML + - HTML grouping content + - HTML:Flow content + - HTML:Palpable Content + - HTML:Sectioning root + - Quotations + - Reference + - Web +translation_of: Web/HTML/Element/blockquote +browser-compat: html.elements.blockquote +--- +<div>{{HTMLRef}}</div> + +<p>L'élément HTML <strong><code><blockquote></code></strong> (qui signifie <em>bloc de citation</em>) indique que le texte contenu dans l'élément est une citation longue. Le texte est généralement affiché avec une indentation (voir <a href="#usage_notes">les notes</a> ci-après). Une URL indiquant la source de la citation peut être donnée grâce à l'attribut <strong><code>cite</code></strong> tandis qu'un texte représentant la source peut être donné via l'élément <a href="/fr/docs/Web/HTML/Element/cite"><code><cite></code></a>.</p> + +<div>{{EmbedInteractiveExample("pages/tabbed/blockquote.html","tabbed-standard")}}</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/fr/docs/Web/Guide/HTML/Content_categories">Catégories de contenu</a></th> + <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>, <a href="fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#racines_de_sectionnement">racine de section</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content">contenu tangible</a>.</td> + </tr> + <tr> + <th scope="row">Contenu autorisé</th> + <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>.</td> + </tr> + <tr> + <th scope="row">Omission de balises</th> + <td>Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.</td> + </tr> + <tr> + <th scope="row">Parents autorisés</th> + <td>Tout élément acceptant du <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">contenu de flux</a>.</td> + </tr> + <tr> + <th scope="row">Rôle ARIA implicite</th> + <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">Pas de rôle correspondant</a></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><a href="/fr/docs/Web/API/HTMLQuoteElement"><code>HTMLQuoteElement</code></a></td> + </tr> + </tbody> +</table> + +<h2 id="attributes">Attributs</h2> + +<p>Comme pour tous les éléments HTML, on peut utiliser <a href="/fr/docs/Web/HTML/Global_attributes">les attributs universels</a>.</p> + +<dl> + <dt><strong><code>cite</code></strong></dt> + <dd>Une URL qui désigne la source du document ou du message cité. Cet attribut est prévu pour signaler l'information expliquant le contexte ou la référence de la citation</dd> +</dl> + +<h2 id="usage_notes">Notes d'utilisation</h2> + +<p>Pour changer l'indentation de <code><blockquote></code>, on utilisera la propriété <a href="/fr/docs/Glossary/CSS">CSS</a> <a href="/fr/docs/Web/CSS/margin-left"><code>margin-left</code></a> ou <a href="/fr/docs/Web/CSS/margin-right"><code>margin-right</code></a> (ou encore la propriété raccourcie <a href="/fr/docs/Web/CSS/margin"><code>margin</code></a>)</p> + +<p>Pour les citations courtes, on pourra utiliser l'élément <a href="/fr/docs/Web/HTML/Element/q"><code><q></code></a>.</p> + +<h2 id="example">Exemple</h2> + +<p>Cet exemple démontre l'utilisation de l'élément <code><blockquote></code> pour citer un passage de <a href="https://datatracker.ietf.org/doc/html/rfc1149">RFC 1149 <i lang="en">A Standard for the Transmission of IP Datagrams on Avian Carriers</i></a>.</p> + +<pre class="brush: html"><blockquote cite="https://datatracker.ietf.org/doc/html/rfc1149"> + <p>Avian carriers can provide high delay, low + throughput, and low altitude service. The + connection topology is limited to a single + point-to-point path for each carrier, used with + standard carriers, but many carriers can be used + without significant interference with each other, + outside of early spring. This is because of the 3D + ether space available to the carriers, in contrast + to the 1D ether used by IEEE802.3. The carriers + have an intrinsic collision avoidance system, which + increases availability.</p> +</blockquote></pre> + +<p>Le résultat de cet extrait HTML ressemble à ceci :</p> + +<p>{{EmbedLiveSample("example", 640, 200)}}</p> + +<h2 id="specifications">Spécifications</h2> + +<p>{{Specifications}}</p> + +<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat}}</p> + +<h2 id="see_also">Voir aussi</h2> + +<ul> + <li><a href="/fr/docs/Web/HTML/Element/q"><code><q></code></a> qui permet de placer des citations en incise dans une ligne de texte.</li> + <li><a href="/fr/docs/Web/HTML/Element/cite"><code><cite></code></a> qui permet d'indiquer la source de la citation.</li> +</ul> |