XHTML et mise en forme des textes

Avec HTML, on utilisait l'attribut de la balise <font> pour marquer un texte important. Mais cela était limité au niveau de la forme.

Maintenant, avec XHTML, nous insistons surtout sur la valeur du contenu. Ainsi, on a d'autres balises pour mettre des textes en exergue. Pour cela Il y a 2 balises différentes que l'on utilise selon le degré d'importance du texte.

La balise <em>

La balise em (emphase) permet de mettre en emphase du texte. Il s'agit de marquer qu'un passage dans le texte est important.

Exemple d'utilisation :

Il serait avantageux de savoir coder en XHTML avant de faire du CSS.

Code XHTML :

Il serait <em> avantageux </em> de savoir coder en XHTML avant de faire du CSS.

La balise <strong>

Cette balise est pareille que la balise em sauf qu'elle met un accent assez fort. Elle permet d'interpeler vivement le lecteur.

Exemple d'utilisation :

Il est indispensable de savoir coder en XHTML avant de faire du CSS.

Code XHTML :

Il est <strong> indispensable </strong> de savoir coder en XHTML avant de faire du CSS.

Les extraits, citations, références

Dans vos documents XHTML, il vous arrive parfois d'insérer des oeuvres de quelqu'un : un extrait d'un livre, d'un article etc. Il est nécessaire dans le contexte légal d'énoncer les sources des documents, ou de mentionner l'auteur. En XHTML, des balises spécifiques sont destinées à traiter ce genre de contenu.

La balise <cite> pour les références

Lorsque l'on cite une oeuvre, un livre, une référence, etc , on utilise la balise <cite>. Attention, il ne s'agit pas d'une citation. Pour cela, on utilise les balises <q> et <blockquote>.

Exemple d'utilisation :

Extrait du livre : Les Fleurs du Mal de Charles Baudelaire

Code XHTML :

Extrait du livre : <cite> Les Fleurs du Mal </cite> de <cite> Charles Baudelaire </cite>

La balise <q> pour citations courtes

On utilise cette balise pour mettre une citation courte. Le texte de citation est donc mis entre guillemets automatiquement quand on l'insère entre ces balises. Dans le cas des citations de plusieurs lignes, ou de plusieurs paragraphes, il est préférable d'utiliser la balise blockquote.

A titre d'information, c'est une balise de type inline et les attributs pouvant être employés sont : lang, dir, title, cite.

Exemple d'utilisation : Comme le disait Rabelais : Science sans conscience n'est que ruine de l'âme

Code XHTML :

Comme le disait <cite>Rabelais</cite> : <q> Science sans conscience n'est que ruine de l'âme </q>

La balise <blockquote> pour citations de plusieurs lignes

La balise <blockquote> a le même sens que la balise <q> sauf que celle-ci est utilisée pour les extraits de plusieurs lignes.

Code XHTML :

<h5><cite>Le Renard et le Raisin</cite> de <cite>La Fontaine </cite></h5>
<blockquote cite="http://www.domaine.com ">
<p> Certain renard gascon,
<br /> d'autres disent normand,
<br /> (1)Mourant presque de faim,
<br /> vit au haut d'une treille (2)
<br /> Des raisins mûrs apparemment (3),
<br /> Et couverts d'une peau vermeille.
<br /> Le galand (4) en eut fait volontiers un repas;
<br /> Mais comme il n'y pouvait point atteindre:
<br />"Ils sont trop verts, dit-il, et bons pour des goujats.(5)"
<br /> Fit-il pas mieux que de se plaindre ?
<br />
</p>
</blockquote>

Si vous souhaitiez faire des sites de tutoriels ou quelque chose de ce genre, le chapitre suivant pourra vous être très utile. Alors, bonne lecture.

Une question ? Venez la poser sur notre forum développement web !

A propos de l'auteur

Nicolas Galle

Nicolas Galle est développeur web sénior pour l'agence Aseox.

Newsletter Marketing