Génération du site web de l'ULB - format xml
sommairesommaireindexindexpage précédentepage précédentepage suivantepage suivanteimprimerimprimerenvoyerenvoyermarquermarquer

Titres: <titre1>, <titre2>, <titre1> et <titre4>

Quatre niveaux de titres sont possibles grâce aux éléments <titre1>, <titre2>, <titre3> et <titre4>.

Exemple
<titre2>Lorem Ipsum</titre2>
<p>...</p>
<titre3>Ut enim ad minim</titre3>
<p>...</p>
<p>...</p>

Ce qui donnera:

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Les quatres niveaux de titre vont apparaître comme suit:

<titre1>...</titre1>

Lorem ipsum dolor sit amet, consectetur adipisicing elit

<titre2>...</titre2>

Lorem ipsum dolor sit amet, consectetur adipisicing elit

<titre3>...</titre3>

Lorem ipsum dolor sit amet, consectetur adipisicing elit

<titre4>...</titre4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Contenu d'un titre

Les éléments de titre ne peuvent contenir que du texte.

On peut toutefois y faire apparaître certains éléments d'information dans un texte pour mettre, par exemple, une partie du texte en indice ou en exposant, ajouter certains symboles, passer à la ligne, etc.

Exemple
<titre4>Les <symbole id="beta"/>-carotènes<br/>Mythes ou réalités? la recherche avance</titre4>

Ce qui donne:

Les β-carotènes
Mythes ou réalités? la recherche avance

Par contre, afin de garder une présentation homogène sur l'ensemble du site de l'ULB, il n'y a pas moyen de modifier la présentation d'un titre (impossible de le mettre en italique, par exemple). Conformez vous au tableau des compatibilités qui reprend les différents éléments autorisés dans un titre.


Ajout d'une puce en début de titre

L'utilisation de l'attribut puce dans un élément <titre1>, <titre2>, <titre3> ou <titre4> permet d'insérer une puce en début de paragraphe. Cette puce ne doit pas être confondue avec celle générée dans une <liste>. Contrairement à celle-ci, la puce dans un paragraphe n'aligne pas le texte des lignes suivantes avec le texte de la première ligne (pas d'indentation, sauf pour la 1re ligne).

Vous pouvez choisir parmi une large palette de puces prédéfinies.

Les exemples à droite ont été obtenus avec le code suivant:

Exemple
<titre2 puce="disque">...</titre2>

<titre3 puce="carré1">...</titre3>

<titre4 puce="plus">...</titre4>

Lorem ipsum dolor sit amet consectetur adipiscing elit Sed non risus

Lorem ipsum dolor sit amet consectetur adipiscing elit Sed non risus

Lorem ipsum dolor sit amet consectetur adipiscing elit Sed non risus

Ajout d'une ligne de séparation avant le titre

De même, vous pouvez utiliser l'attribut séparateur dans l'élément <p séparateur="..."> pour insérer une ligne de séparation juste avant le titre. Vous pouvez choisir parmi une large palette de lignes de séparation prédéfinies

Les exemples à droite ont été obtenus avec le code suivant:

Exemple
<p>...</p>
<titre2 séparateur="ligne2">...</titre2>

<p>...</p>
<titre3 séparateur="colorDots3">...</titre3>

<p>...</p>
<titre4 séparateur="pointillés3">...</titre4>
				

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Combinaison de puces et de lignes de séparation

Rien ne vous empêche de combiner des puces avec l'attribut puce et des lignes de séparation avec l'attribut séparateur.

Exemple
					
<p>Lorem ipsum dolor sit amet</p>
<titre3 séparateur="colorBar4" puce="plus">consectetur adipiscing elit</titre3>
					

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Utilisation des titres dans la génération d'une table des matières

On peut générer automatiquement une table des matières sur base des titres de toutes les pages du document courant, en choisissant le ou les niveaux de titre désirés (par exemple: les titre1 uniquement, les titre1 et les titre2...).

On peut également la générer sur base des titres de la page courante uniquement.

Voir <document-titreX/> et <page-titreX/> dans les table des matières pour plus d'informations et pour un exemple.

Si on veut qu'un des titres du document n'apparaisse pas dans cette table des matières (malgré que son niveau soit choisi), il suffit de lui ajouter l'attribut toc='no'.

Si on veut qu'il apparaisse, mais avec un texte différent de celui utilisé dans la page (un titre plus court, par exemple), on peut ajouter un attribut toc-titre="..." contenant le texte en question. Ce titre sera valable dans toutes les tables de matières construites avec <document-titreX/> ou <page-titreX/>.

Si vous voulez un titre différent dans les tables des matières du document, et les tables de matières de la page, vous pouvez utiliser toc-document-titre="..." (valable pour <document-titreX/>) et toc-page-titre="..." (valable pour <page-titreX/>).


Mettre un lien hypertexte sur un titre

On peut également utiliser un des éléments <titre1>, <titre2>, <titre3> ou <titre4> au sein d'un élément englobant <titre>.

L'avantage de procéder ainsi est que cet élément <titre> peut avoir des liens hypertextes qui permettent de rendre le titre cliquable.

Un deuxième avantage est que le titre peut-être représenté par une image.


ULB - entreprise écodynamique