Trucs pour améliorer votre HTML


  • Ne pas oublier de proposer systématiquement une alternative textuelle aux images que vous incluez dans vos pages, même s'il s'agit d'un texte vide.

    Ce code :

    J'adore les <img alt="Llamas" align=middle src="../images/llama.gif">
    

    Produit le résultat suivant :

    J'adore les Llamas

    Remarque : si vous utilisez LYNX ou un client WWW non graphique vous ne pouvez pas voir l'image du lama que les chanceux utilisateurs de Mosaic par exemple auront la chance de voir.

  • Ne dites jamais "clicker ici", à la place écrivez une phrase descriptive simple sans penser qu'il y aura un lien dessus. L'emplacement du lien devient évident une fois que la phrase est écrite.

    Clickez ici pour voir le source. MAUVAIS !!!
    Le code source est disponible. BON !!!

  • Les URLs doivent être les plus courts possibles dans vos liens.

    Si vous référencez un fichier local, ne préfixez pas son pathname par http://etc...

    Par exemple, le fichier HTML correspondant à cette page se trouve a l'ESSI, et son URL complet est :

    http://essi.essi.fr/PubHTML/buffa/WWW_tutorialFrench/tips.html

    Pourtant, dans mes pages je vais le référencer comme ceci :

    tips.html

  • Attirez l'attention lorsque un lien pointe vers un gros fichier: binaires, images, etc...

    Une petite image et le source sont disponibles.
    Une grande mage GIF (1400Kb) et (BINARY) un binaire sont disponibles.

  • Donnez à chaque page un titre compréhensible hors du contexte

    foo.c MAUVAIS !!!
    Exemple de source qui utilise les FORMS de HTML. BON !!!

  • Proposez dans chaque page un lien vers une page de plus haut niveau

    par exemple, dans ma home page, j'écrirai :

    Je fais partie de L'université de Nice-Sophia Antipolis.

  • Réduisez au maximum la taille de vos graphiques et sons.

    Si vos pages sont trop longues à télécharger, personne ne les consultera.

    Ainsi, je vous conseille de consulter ce guide (en anglais) concernant l'utilisation de graphiques et de sons dans les pages WWW.

    Il donne d'excellents conseils concernant la digitalisation de graphiques et de sons et propose d'excellentes méthodes pour améliorer la qualité et diminuer le volume de vos digits.

  • Mettez votre nom et un pointeur vers votre Home Page au bas de chacune de vos pages.

    Comme ceci :

         
    

    1994 - michel.buffa@essi.fr