Respecter la sémantique XHTML
Noter ce cours :
De nombreuses balises existent en XHTML. Malgré les apparences, elles ne sont pas destinées à de multiples usages, contrairement à ce que de nombreux webmasters pensent. Chaque balise remplit un rôle précis. Il faut donc choisir la balise qui convient en fonction de ce qu'elle contiendra. L'exemple le plus couramment utilisé sur le web est l'utilisation de tableaux pour faire de la mise en page. Les tableaux étant conçus pour afficher des données tabulaires (donc des données à classer, comme un forum par exemple), leur utilisation en terme de structure de site est totalement inappropriée.
Les avantages à utiliser une structure XHTML correcte sont nombreux :
- Propreté et lisibilité du code accrue.
- Meilleure accessibilité pour les navigateurs textuels qui peuvent ainsi mettre en forme correctement le contenu.
- Meilleure accessibilité pour les handicapés (lecteurs vocaux, plages brailles) qui adaptent en fonction des balises le rendu sonore et/ou visuel.
- Meilleur référencement dans les moteurs de recherche qui prennent en compte le type de contenu et lui affectent un coefficient de pondération dans l'indice de pertinence par rapport à un mot clé donné.
Voici quelques balises et leurs usages :
- <h1>, <h2>,... jusqu'à <h6> : titre et sous-titres.
- <div> : conteneur général (à utiliser à bon escient et quand c'est nécessaire seulement). Vous pouvez tout mettre dans un <div>.
- <table> : tableau, à ne pas utiliser pour faire de la mise en page mais simplement du classement de données.
- <ul>,<ol> : Il s'agit de listes. A utiliser pour lister une suite d'éléments, ou pour un menu (avec mise en forme en CSS).
- <blockquote> : Citation longue.
- <cite> : citation courte.
- <span> : conteneur de texte, utile pour mettre en forme une portion de texte à l'aide des CSS.
- <br /> : saut de ligne en XHTML.