• Introduction aux citations

• Citation longue <blockquote> (bloc de citation)

• Citation moyenne <cite> (citer)

• Citation courte <q> (quote : citer)

Introduction aux citations

Inutile de philosopher là-dessus, je parie que vous connaissez tous ce que signifie une citation. Prêtez moi tous vos oreilles, mes dames, mes demoiselles, messieurs, une citation est un passage emprunté à un auteur Personne ne prétend détenir toute l'information, c'est pourquoi les auteurs recourent aux œuvres d'autrui pour accomplir ou réconforter leurs projets.

Citation longue <blockquote> (bloc de citation)

La balise <blockquote> comme son nom l'indique est une balise de type bloc (bloc), elle permet d'introduire une citation, l'élément blockquote est mis en valeur par un retrait de texte avec deux marges latérales gauche et droite de l'ordre de 40 pixels par défaut. Vous pouvez personnaliser à votre guise les marges avec la propriété css margin.

La balise blockquote est autorisée dans les éléments suivants : blockquote, body, button, dd, del, div, fieldset, form, ins, li, map, noscript, object, td et th.

L'élément blockquote ne peut contenir que des éléments de type bloc (block), ceci dit que vous ne pouvez pas mettre du texte (PCDATA) ou des balises de type en-ligne directement dans la balise <blockquote> sans les avoir mis dans d'autres éléments de type bloc (block).

On peut ajouter l'attribut facultatif "cite" qui permet de préciser l'URI du document source d'où la citation est issue, cet attribut a été recommandé par le w3c pour que les navigateurs informent les lecteurs de la source de la citation, comme ça ils pourront aller à l'origine pour se documenter davantage et en plus ça permet de respecter les droits d'auteur.

Extrait du DTD strict de la balise <blockquote>

<!ELEMENT blockquote %Block;>
<!ATTLIST blockquote
 %attrs;
 cite        %URI;          #IMPLIED
 >

Exemple

<blockquote cite="http://fr.wikipedia.org/wiki/w3c">
<p>Le World Wide Web Consortium, abrégé W3C, est un consortium fondé en 
Octobre 1994 pour promouvoir la compatibilité des technologies du World Wide Web
telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP.
Le W3C n'émet pas des normes au sens européen, mais des recommandations à valeur de standards industriels.</p>
<blockquote>

Rendu visuel

Le World Wide Web Consortium, abrégé W3C, est un consortium fondé en octobre 1994 pour promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Le W3C n'émet pas des normes au sens européen, mais des recommandations à valeur de standards industriels.

L'attribut "cite" est très utile avec les deux navigateurs Firefox, Netscape et Mozilla. En fait si vous naviguez avec ces deux derniers, pour visualiser la source de la citation, il suffit de cliquer au-dessus d'elle avec le bouton droit de la souris, cela va afficher le menu contextuel, cliquez ensuite sur "propriétés" (properties) pour visualiser la fenêtre suivante (dans notre exemple) :

Citation moyenne <cite> (citer)

La balise <cite> est une balise de type en-ligne, vous pouvez la mettre dans un bloc ou un autre élément "en-ligne", elle a pour objet d'insérer une petite citation au sein d'un bloc par exemple un paragraphe (<p>). La balise <cite> peut contenir du texte (PCDATA) ou des éléments "inline".

Extrait du DTD strict de la balise <cite>

<!ELEMENT cite %Inline;>   <!-- citation -->
<!ATTLIST cite %attrs;>

Exemple

<p>Le capitalisme prône le libéralisme dabs l'économie et la recherche constante du profit selon Adam Smith 
<cite>La recherche par les hommes de leur intérêt personnel mène à la réalisation de l'intérêt général.</cite>
</p>

Rendu visuel

Le capitalisme prône le libéralisme dabs l'économie et la recherche constante du profit selon Adam Smith La recherche par les hommes de leur intérêt personnel mène à la réalisation de l'intérêt général.

Tous les navigateurs affichent le texte de la citation en italique.

Citation courte <q> (quote : citer)

Cet élément a été ajouté par la w3c dans les spécifications html 4, selon ces dernières le navigateur doit encadrer la citation par des guillemets et par conséquent les auteurs n'auront pas à les mettre. Les navigateurs Firefox, Netscape, Mozilla, Opera, K-Meleon et Safari suivent les standards. Internet Explorer 6 et 7 n'encadrent pas la citation par les guillemets et ils n'appliquent aucun effet sur elle.

A l'instar de la balise <blockquote>, la balise <q> peut recevoir aussi l'attribut "cite" qui permet de préciser l'URL du document source d'où la citation est issue, notez qu'actuellement seulement les deux navigateurs Firefox, Netscape et Mozilla supportent cet attribut qui fait pourtant partie du standard html.

La balise <q> suit les mêmes règles d'imbrication que la balise <cite>.

Extrait du DTD strict de la balise <q>

<!ELEMENT q %Inline;>   <!-- inlined quote -->
<!ATTLIST q
 %attrs;
 cite        %URI;          #IMPLIED
 >

Exemple

<p>Le w3c est fondé et présidé par Tim Berners-Lee 
<q cite="http://fr.wikipedia.org/wiki/w3c">le co-inventeur avec Robert Cailliau du World Wide Web.</q>
</p>

Rendu visuel

Le w3c est fondé et présidé par Tim Berners-Lee le co-inventeur avec Robert Cailliau du World Wide Web.

Pour finir, n'essayez jamais d'utiliser les balises de citations pour de raisons de mise en forme Mais uniquement lorsqu'il s'agit d'envelopper une citation Dans le prochain chapitre vous allez apprendre les balises XHTML address, sub, sup et hr.