<blockquote>
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.
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 :
<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.
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.
Navigateur | Compatibilité |
---|---|
Chrome | Oui |
Firefox | Oui |
Safari | Oui |
Edge | Oui |
Internet Explorer | Oui |