<blockquote> : l'élément de bloc de citation

Aller à :

Attributs
Notes
Exemples
Spécifications
Compatibilité des navigateurs
Voir aussi

L'élément <blockquote> (qui signifie bloc de citation) indique que le texte contenu dans l'élément est une citation longue. Le texte est généralement affiché avec une indentation (voir les notes ci-après). Une URL indiquant la source de la citation peut être donnée grâce à l'attribut cite tandis qu'un texte représentant la source peut être donné via l'élément <cite>.

Catégories de contenu	Contenu de flux, racine de section, contenu tangible.
Contenu autorisé	Contenu de flux.
Omission de balises	Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés	Tout élément acceptant du contenu de flux.
Rôles ARIA autorisés	Tous les rôles sont autorisés.
Interface DOM	`HTMLQuoteElement`

Attributs

Comme pour tous les éléments HTML, on peut utiliser les attributs universels.

cite: 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

Notes

Pour changer l'indentation de <blockquote>, on utilisera la propriété CSS margin-left ou margin-right (ou encore la propriété raccourcie margin)
Pour les citations courtes, on pourra utiliser l'élément <q>.

Exemples

HTML

<blockquote cite="http://developer.mozilla.org">
  <p>Ceci est une citation issue du Mozilla Developer Network.</p>
</blockquote>

Résultat

Spécifications

Spécification	État	Commentaires
HTML Living Standard La définition de '<blockquote>' dans cette spécification.	Standard évolutif
HTML5 La définition de '<blockquote>' dans cette spécification.	Recommendation
HTML 4.01 Specification La définition de '<blockquote>' dans cette spécification.	Recommendation

Compatibilité des navigateurs

Update compatibility data on GitHub

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Edge Mobile	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
Support simple	Chrome Support complet Oui	Edge Support complet Oui	Firefox Support complet 1	IE Support complet Oui	Opera Support complet Oui	Safari Support complet Oui	WebView Android Support complet Oui	Chrome Android Support complet Oui	Edge Mobile Support complet Oui	Firefox Android Support complet 4	Opera Android Support complet Oui	Safari iOS Support complet Oui	Samsung Internet Android Support complet Oui
`cite`	Chrome Support complet Oui	Edge Support complet Oui	Firefox Support complet 1	IE Support complet Oui	Opera Support complet Oui	Safari Support complet Oui	WebView Android Support complet Oui	Chrome Android Support complet Oui	Edge Mobile Support complet Oui	Firefox Android Support complet 4	Opera Android Support complet Oui	Safari iOS Support complet Oui	Samsung Internet Android Support complet Oui

Légende

Support complet: Support complet

Voir aussi

<q> qui permet de placer des citations en incise dans une ligne de texte.
<cite> qui permet d'indiquer la source de la citation.

Étiquettes et contributeurs liés au document

Étiquettes :

Contributeurs à cette page : PhilippeV, SphinxKnight, marie-ototoi, tregagnon, teoli, regisg27

Dernière mise à jour par : PhilippeV, 28 août 2018 à 06:52:29

Sujets associés

Éléments HTML
1. A
  1. <a>
  2. <abbr>
  3. ~~<acronym>~~
  4. <address>
  5. ~~<applet>~~
  6. <area>
  7. <article>
  8. <aside>
  9. <audio>
2. B
  1. <b>
  2. <base>
  3. ~~<basefont>~~
  4. <bdi>
  5. <bdo>
  6. ~~<bgsound>~~
  7. ~~<big>~~
  8. ~~<blink>~~
  9. <blockquote>
  10. <body>
  11. <br>
  12. <button>
3. C
  1. <canvas>
  2. <caption>
  3. ~~<center>~~
  4. <cite>
  5. <code>
  6. <col>
  7. <colgroup>
  8. <content>
4. D
  1. <data>
  2. <datalist>
  3. <dd>
  4. <del>
  5. <details>
  6. <dfn>
  7. <dialog>
  8. ~~<dir>~~
  9. <div>
  10. <dl>
  11. <dt>
5. E
  1. <em>
  2. <embed>
6. F
  1. <fieldset>
  2. <figcaption>
  3. <figure>
  4. ~~<font>~~
  5. <footer>
  6. <form>
  7. ~~<frame>~~
  8. ~~<frameset>~~
7. G H
  1. <h1>
  2. <h2>
  3. <h3>
  4. <h4>
  5. <h5>
  6. <h6>
  7. <head>
  8. <header>
  9. ~~<hgroup>~~
  10. <hr>
  11. <html>
8. I
  1. <i>
  2. <iframe>
  3. <img>
  4. <input>
  5. <ins>
  6. ~~<isindex>~~
9. J K
  1. <kbd>
  2. <keygen>
10. L
  1. <label>
  2. <legend>
  3. <li>
  4. <link>
  5. ~~<listing>~~
11. M
  1. <main>
  2. <map>
  3. <mark>
  4. ~~<marquee>~~
  5. <menu>
  6. <menuitem>
  7. <meta>
  8. <meter>
12. N
  1. <nav>
  2. ~~<nobr>~~
  3. ~~<noframes>~~
  4. <noscript>
13. O
  1. <object>
  2. <ol>
  3. <optgroup>
  4. <option>
  5. <output>
14. P
  1. <p>
  2. <param>
  3. <picture>
  4. ~~<plaintext>~~
  5. <pre>
  6. <progress>
15. Q
  1. <q>
16. R
  1. <rp>
  2. <rt>
  3. <rtc>
  4. <ruby>
17. S
  1. <s>
  2. <samp>
  3. <script>
  4. <section>
  5. <select>
  6. <shadow>
  7. <slot>
  8. <small>
  9. <source>
  10. ~~<spacer>~~
  11. <span>
  12. ~~<strike>~~
  13. <strong>
  14. <style>
  15. <sub>
  16. <summary>
  17. <sup>
18. T
  1. <table>
  2. <tbody>
  3. <td>
  4. <template>
  5. <textarea>
  6. <tfoot>
  7. <th>
  8. <thead>
  9. <time>
  10. <title>
  11. <tr>
  12. <track>
  13. ~~<tt>~~
19. U
  1. <u>
  2. <ul>
20. V
  1. <var>
  2. <video>
21. W
  1. <wbr>
22. X Y Z
  1. ~~<xmp>~~