Voici quelques bonnes pratiques à utiliser dans les pages HTML :

• Entête :
  • Une page d'un site Web devrait toujours posséder un titre et avoir une longueur maximale de 100 caractères. Lorsqu'on entre plus de caractères que supporté, de nombreux moteurs de recherches ignorent tous simplement le reste du titre.
  • La description devrait être différente du titre et avoir une longueur maximale de 250 caractères.
• Intégration :
  • L'esthétique de présentation d'une page devrait toute être placée dans une feuille de styles (CSS).
• Formulaire :
  • Toujours mettre les champs de mot de passe en mode caché.
  • Les champs obligatoires doivent avoir un signe reconnaissable unique comme un astérisque rouge par exemple.
  • On doit utiliser le mot «Utilisateur» plutôt qu'«Usager» car le mot usager s'applique uniquement pour les transports et se n'est pas du bon français d'utiliser se mot dans se contexte.
  • La longueur d'un champ d'un formulaire devrait toujours être égale à celle située dans la base de données.
  • Vérifier avec une apostrophe dans les entrées de données que le formulaire ne fait pas planter une requête SQL.
• Validation :
  • Toujours vérifié avec un outil de validation w3 si les pages sont valides. Grâce à cette pratique, le risque que l'affichage de votre page soit mal effectué par un navigateur est considérablement réduit. Voir le lien http://validator.w3.org/.

ATTENTION ! N'allez pas trop dans la théorie au détriment de la pratique :

• Ainsi comme le mentionne l'article de Gérald Talbot, http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/, il existe encore 64 bogues avec Internet Explorer 8.
• IE8 support enfin le test Acid2, mais Outlook 2007 et 2010 support de moins en moins bien les pages HTML ! Donc, souvent, en arrangeant un problème vous risquez d'en créer d'autres.
• Les flux RSS réclame un IE7 minimum pour bien fonctionné, il ne support toujours pas les balises ENTITES comme FireFox par exemple, il faut donc utilisé «<![CDATA[» ... «]]>» pour ne pas faire planter les pages avec des accents.
• Des bogues d'affichages de GIF animé semble soudainement apparut depuis Internet Explorer 8, un décalage de 1 pixels existe après permutation d'images, très gênant !!! Et la seule façon de contourner le problème c'est de réafficher au complet le sous-plan de l'image GIF.

Voici quelques bonnes pratiques à utiliser dans les pages HTML des courriels :

• Test :
  • Vérifier avec des outils comme SuperPreview de Expression Studio 3.0 de Microsoft, avec des sites comme «http://www.emailonacid.com/» ou encore à l'aide de VM (VirtualBox, VMWare WorkStation, Virtual PC,...) installé avec des Outlook 2003, Outlook 2007,... Car même si votre courriel est bien affiché dans votre client de messageries, il ne l'est pas forcément dans les autres.
  • Utiliser des sites comme http://www.mailinator.com/ pour tester de façon anonyme et temporaire les courriels.

Voir également

Articles - Normes du Design Web
Articles - Ergonomie d'un site Web
Articles - Référencement