les balises de listes
Et donc la page XHTML est quasiment terminé ? Revenons un instant
cette page. Si il est vrai que
cette page est bien formée, sa structuration laisse quand même à désirer.
Ainsi, on peut mieux faire pour le sommaire, l'énumération des sites internet
et pour la description des différentes passions de Fulgence. Pour ce faire nous
allons utiliser les balises de listes que nous offrent le XHTML.
| balise | type | description |
|---|---|---|
| balise | type | description |
<ol> | bloc | definit une liste numérotée |
<ul> | bloc | définit une liste non numérotée |
<li> | bloc | définit l'élément d'une liste |
<dl> | bloc | definit une liste de définition |
<dt> | ligne | définit le titre d'une définition |
<dd> | bloc | définit le contenu d'une définition |
Il existe 3 types de listes différents.
- les listes ordonnées
<ol>; - les listes non-ordonnées
<ul>; - les définitions
<dl>;
Toutes les balises qui permettent la composition de listes sont des balises de type bloc.
<ol> et <ul>
Bien que permettant la structuration de 2 types de listes différentes, <ol> et <ul>
utilisent toutes les deux la balise <li>
pour définir chaque membre de la liste séparemment.
Par défaut <ol> indiquera la numérotation de la liste à l'aide
de chiffres arabe. Quand à <ul> il utilisera des cercles pleins pour désigner
chaque item séparémment.
<dl> , <dt> et <dd>
<dl> permet lui d'établir des listes de
définition en utilisant 2 autres balises, les balises
<dt> et <dd>.
la balise <dt> sert à donner le titre de la
définition quant à la balise <dd> elle permet
de structurer la définition des termes données dans
<dt>.
le site de fulgence
Ceci dit, revenons à notre page web, nous pouvons donc re-structurer de manière plus cohérente notre page.
- les sections navigation et sites préférés sont converties en listes numérotés ou non;
- la sections mes passions devient une liste de définitions.
Attention, pour ce faire nous avons du retirer les<h3>car<dt>est une balise du type ligne;
Maintenant le site est mieux structuré, il a gagné au niveau de l'information
véhiculer sans avoir perdu en contenu.
Commençant à percevoir les côtés intéressant de la structuration voila que Fulgence décide de mieux
structurer les informations sur son pays, il me demande comment faire et sans
hésiter je lui réponds utilise un tableau. Le mot tabou des 5 dernières années sur
le Net resurgit dans toutes sa splendeur!!! Mais
ça c'est une autre histoire.