Littéralement bloc de citation, cette balise indique qu’une partie ou tout le texte dans un élément est une longue citation
Cette balise permet de mettre en valeur un paragraphe.
Elle est souvent utilisée avec l’attribut cite pour définir la source de la citation.
Voici un exemple de code utilisant la balise <blockquote> :
<figure>
<blockquote cite="https://www.dicocitations.com/reference_citation/116020/Une_belle_histoire_du_temps_.php">
<p>En suivant la règle qu'elle s'est fixé de construire un modèle mathématique, la science s'avère incapable d'expliquer pourquoi il devrait exister un Univers conforme à ce mode. Pourquoi l'Univers se donne-t-il tant de mal pour exister ? La théorie unifiée serait-elle dotée d'une telle force, qu'elle se mettrait au monde d'elle-même ? ou bien a-t-elle besoin d'un créateur, et, dans ce cas, joue-t-il un rôle dans l'Univers ? Et qui l'a créé, lui ? Jusqu'à présent, la plupart des scientifiques se sont trop attaché à décrire le comment de l'Univers pour se préoccuper du pourquoi. Par ailleurs, ceux dont le métier est de s'interroger sur le pourquoi, les philosophes, n'ont pas été capables de suivre les avancées théoriques de la science.
</p>
</blockquote>
<figcaption>—Stephen Hawking, <cite>Une belle histoire de temps</cite></figcaption>
</figure>
Son code CSS :
blockquote {
margin: 0;
}
blockquote p {
font-style: italic;
padding: 15px;
background: #eee;
border-radius: 5px;
}
blockquote p::before {
content: '\201C';
}
blockquote p::after {
content: '\201D';
}
Cela donne ce résultat :
