XV. Blockquote et retraits▲
Tout débutant (enfin, beaucoup...) en création de page web constate que l'utilisation balise blockquote induit un retrait du texte. Déduction : la balise blockquote est faite pour mettre un texte en retrait...
Et bien non ! Elle n'est pas du tout faite pour cela. "Quote" en anglais veut dire "citer". La balise blockquote doit donc être utilisée pour mettre en relief un "bloc" de citation.
Exemple :
<blockquote cite
=
"http://www.la-grange.net/w3c/html4.01/struct/text.html#h-9.2.2"
>
<p>
L'élément BLOCKQUOTE indique une citation longue
(avec un contenu de type bloc) et l'élément Q
est censé être utilisé pour des citations courtes
(avec un contenu de type en-ligne) ne nécessitant
pas un saut de paragraphe.
</p>
<p>L'utilisation de l'élément BLOCKQUOTE
pour obtenir le retrait d'un texte est déconseillée
en faveur de l'utilisation de feuilles de style.
</p>
</blockquote>
Tout est dit dans cet extrait des spécifications du html 4.01. Pour obtenir un retrait, il faut donc utiliser les CSS.
Fonctionne avec :
- FireFox
- Mozilla 1.x
- MSIE 5+
- NS 6+
- Opéra 6+
- Safari
Attributs utilisés :
- margin-left
Pour induire le retrait d'un paragraphe, on lui assignera une
marge gauche (margin-left) d'autant de pixels que souhaités.
Si l'on désire répeter plusieurs fois cette mise en forme dans
la page, il sera évidemment préférable d'utiliser le
sélecteur class.
.retrait
{
margin-left:
50
px;
}
<p class
=
"retrait"
>
Ce paragraphe est en retrait de 50 pixels
du bord gauche.
</p>