Structurer son document html

Si vous pensez utiliserles styles de manière extensive, il faudra apporter un soin particulier à l'écriture du document html. Ce dernier ne portant plus la mise en forme, il faudra surtout bien le structurer pour qu'un style particulier puisse être attribuer à un type de balise html.
La règle de base est de dépouiller les balises html du maximum d'attributs. Par exemple, le positionnement d'une image, sa bordure et son éloignement par rapport au texte seront paramétrés grâce au style IMG. De même, les fonds de couleurs ou d'images ainsi que les propriétés du texte de tout le document seront portés par des styles du type BODY { background-color : white ; color : navy}. Les différents types de liens ne seront plus définis dans les propriétés de la page mais par les règles A :link {color : red} ou A :visited {text-decoration : none}
Il faudra utiliser les possibilités de hiérarchisation du html : en-tête (H1 -> H6), listes, HR, EM...
Les tableaux qui servaient pour la mise en forme retrouveront leur utilité de classement de données.
Pour remplacer ces tableaux, on utilisera des boîtes (des balises html DIV ou SPAN encadrant du texte ou des images) positionnables précisément et pouvant se chevaucher voire êtrre rendues invisibles.
Pour éviter les conflits de styles, il faudra également supprimer les balises html pouvant faire double emploi. Ainsi les balises FONT seront supprimées au profit de balises du type BODY portant les styles font-size, color...