<blockquote>

Permet d'ajouter une citation sur une page HTML.
2 min de lecture
Believemy logo

La balise <blockquote> est utilisée pour définir une citation ou un extrait de texte provenant d'une autre source. Elle permet de mettre en évidence des passages issus d'autres documents ou d'une autre personne.

Bon à savoir

Elle est souvent utilisée pour afficher des citations longues ou des extraits importants, tout en préservant la mise en forme et l'indentation pour les rendre facilement identifiables. 😉

 

Structure et syntaxe de la balise <blockquote>

Structure et syntaxe de base

La balise <blockquote> est une balise conteneur qui se compose de :

  • Une balise d'ouverture : <blockquote> ;
  • Une balise de fermeture : </blockquote>.

Elle est utilisée pour entourer une citation ou un extrait de texte. En règle générale, elle est accompagnée d'un attribut cite pour spécifier la source de la citation (optionnel, mais recommandé).

 

Exemple d'utilisation

Voici un exemple pratique :

HTML
<blockquote cite="https://www.example.com">
    La technologie est un bien précieux, car elle améliore notre quotidien.
</blockquote>

Dans cet exemple, le texte à l'intérieur de la balise <blockquote> est une citation, et l'attribut cite fait référence à l'URL de la source.

 

Attributs

La balise <blockquote> accepte comme nous l'avons vu principalement l'attribut cite, qui permet de spécifier la source de la citation.

Bon à savoir

Cet attribut est facultatif mais très fortement recommandé.

Il est bien évidemment possible d'utiliser les attributs plus classiques comme style, class, etc.

 

Différence avec d'autres balises similaires

  • <q> : La balise <q> est utilisée pour les citations inline (plus courtes), tandis que <blockquote> est destinée aux citations plus longues, souvent accompagnées d'une mise en forme spécifique.
  • <cite> : La balise <cite> est utilisée pour spécifier la source d'une citation, mais elle n'est pas un conteneur comme <blockquote>.

 

Compatibilité des navigateurs

La balise <blockquote> est prise en charge par tous les navigateurs modernes.

NavigateurCompatibilité
ChromeOui
FirefoxOui
SafariOui
EdgeOui
Internet ExplorerOui

Termes connexes

Découvrez notre glossaire HTML et CSS

Parcourez les termes et définitions les plus couramment utilisés dans le domaine du développement HTML et CSS.

Partager cet article

Tu veux nous aider ? Fais un lien vers cet article sur tes réseaux ou encore mieux : sur ton site, dans un article ou dans ta newsletter.