Valider sa page HTML
Même si le HTML est un langage universel, le rendu peu varier selon les navigateurs.
Si la version du langage HTML utilisée n'est pas précisée dans la page, les navigateurs
se mettent en quirk mode, c'est-à-dire qu'ils sont plus indulgents et plus
permissifs sur la structure du fichier pour pouvoir lire du "vieux HTML".
Par exemple, l'oubli de certaines balises fermantes est toléré. Mais, la page risque
de ne pas s'afficher comme vous le souhaitez.
Il faut préciser au navigateur dans quelle version de HTML la page est écrite. L'indication
se fait à l'aide de la ligne DOCTYPE
que nous avons déjà vue. Il faut ensuite
respecter les conventions d'écriture correspondantes.
Les validateurs
L'organisation internationale W3C qui définit les standards du web propose
de valider les pages web via le site
http://validator.w3.org/. Vous pouvez
y soumettre une page HTML soit :
- via une adresse de page web
- en téléchargeant un fichier qui est sur votre ordinateur
- en copiant-collant le code source d'une page
Ainsi, les lignes du fichier qui ne respectent pas les normes du HTML définit
par le DOCTYPE sont indiquées, avec avec une information concernant l'erreur
probable.
Il existe d'autres validateurs comme l'add-on de Firefox
HTML validator
Quelques Conseils pour écrire une page web conforme en HTML 5
- Définir la structure globale de la page avant de l'écrire, à l'aide
des éléments en bloc.
- Affiner ensuite à l'aide des éléments en ligne. Les éléments en ligne
doivent être contenus dans un élément de bloc, même les images.
- Ecrire les balises en minuscules
- Ne pas inclure un élément de bloc dans un élément
p
. Par contre
un élément li
peut contenir d'autres élements de bloc.
- Utiliser les éléments les plus proches du type de contenu. Par exemple,
il vaut mieux utiliser un plutot qu'un
p
mis
en gras avec la balise b
, s'il s'agit d'un titre.
- Commencer tous les fichiers HTML 5 par le
DOCTYPE
:
- Définir un élément
head
et un élement body
.
Les autres éléments sont insérés dedans.
- Ajouter dans l'élément
head
un élément title
,
l'élément meta
qui définit le type de contenu et l'encodage des
caractères et qui doit être en 1ère ligne et, éventuellement, un élément
style
pour définir le style de la page.
- Ne pas oublier les balises ouvrantes et fermantes (sauf pour img, br et hr
qui s'écrivent, par exemple <br />
)