Standards HTML et XHTML : quelle différence ?
PREMIÈRE PARTIE
© Groupe Eyrolles, 2005
36
démonstration de la grande puissance de cette technique). Il s’agit uniquement de
construire le menu le plus logiquement possible. Quelle est donc la structure la
plus sémantique parmi les trois proposées ?
Séparer les liens par une balise de retour à la ligne
est une erreur : il s’agit
justement du piège à éviter, puisque l’on ne se préoccupe alors que du rendu visuel
de la navigation. Placer chacun des liens dans une balise de type bloc est
intéressant : cela permet de les séparer d’une manière structurelle et non graphique.
Cependant, le choix des balises
ou

est discutable. En effet, la première est
une balise générique n’apportant aucun sens au menu de navigation. Quant à la
seconde, qui désigne un paragraphe de texte, elle serait utilisée ici à contre-emploi.
Le plus approprié est ici d’opter pour les balises de listes non ordonnées. Il s’agit
bel et bien d’une liste (éléments de navigation) ; ce choix convient donc tout à fait
et il est porteur de sens. Nous verrons plus loin, dans le chapitre consacré à la conception de menus, comment supprimer les puces par défaut et donner aux listes
l’habillage graphique souhaité.
Cette première mise en situation débouche ainsi sur un code HTML proche de :
Le menu est volontairement placé au début du code HTML. Ceci s’explique par des
raisons structurelles : la navigation représente la boussole d’une page web, indiquant la position actuelle et proposant d’autres destinations.
C’est en général le premier point de repère dans la page. Placer ainsi la navigation
en tête la situera en bonne position dans les navigateurs graphiques ainsi que
dans les navigateurs en mode texte ou en braille. Cela facilitera la manipulation
du site par les utilisateurs de ces programmes.


Bienvenue en Alsace


Une belle région française


[Paragraphe associé au sous-titre de niveau 2.]

photographie


Un patrimoine considérable


[Paragraphe associé à cet autre sous-titre de niveau 2.]


Pied de page et Mentions légales


Précédent

- 63/337

Suivant