Fiche HTML : Récapitulatif des connaissances acquises en HTML

Objet de la fiche

État de la fiche

Avant propos

Cette fiche reprend les points importants et les bonnes habitudes à adopter lorsque l'on construit une page HTML.

Vous avez vu comment construire l'ossature d'une page HTML. Bien sur le résultat ne correspond certainement pas tout à fait à ce que vous souhaitez. La position des différents éléments, les couleurs, les styles de texte etc. mais cela viendra dans la section suivante. Chaque chose en son temps : comme dans la construction d'une maison les fondations ne sont pas particulièrement palpitantes pourtant lorsqu'elles sont bien réalisées elles sont le gage de la solidité du reste de la construction.

Construction d'une page HTML

Une page HTML est ainsi un simple fichier texte contenant des balises permettant aux navigateurs de mettre en forme et d'afficher de manières spécifiques des éléments texte, des images, des tableaux, des listes, des éléments multimédia ou autres, en fonction des types de balises utilisés pour les encadrer.
Les navigateurs lorsqu'ils lisent ce type de fichier savent interpréter ces balises et afficher le résultat en conséquences sous forme d'une page Web.

Points importants sur les bonnes habitudes en XHTML

Les bonnes habitudes
Appellation	Appeler index.html la page Internet d'accès au site.
Présentation	Indenter l'agencement des balises pour plus de clarté dans la lecture du fichier source HTML.
Présentation	Commenter les pages HTML.
Grammaire	Utiliser le bon doctype.
Grammaire	Utiliser autant que possible les caractères spéciaux HTML dans tous les cas de lettres accentuées ou caractères particuliers, surtout dans les balises méta.
Conformités	Ne pas utiliser de balises de structuration de texte dépréciées par le W3C (font, u, i etc).
Règles	Toute balise ouvrante doit obligatoirement être fermée. Juste : <p>mon texte</p> Faux : <p>mon texte<p>
	Les balises ne possédant pas de balise équivalente en fermeture doivent être fermées par un / Juste : <br /> Faux : <br>
	Les balises et les attributs doivent être écrits en minuscule. Juste : <a href="http://monwebfacile.free.fr" title="Accédez aux tutoriaux">Tuto web</a> Faux : <A href="http://monwebfacile.free.fr" TITLE="Accédez aux tutoriaux">Tuto web</a>
	Les valeurs des attributs doivent être entre guillemet ou apostrophe. Juste : <p id="monParagraphe" class='LesParagraphes'>xhtml</p> Faux : <p id=monParagraphe class=LesParagraphes>xhtml</p>
	Chaque attribut doit avoir une valeur. Juste : <input type="checkbox" cheched="checked" /> Faux : <input type="checkbox" checked />
	Chaque balise doit être imbriqué correctement. Juste : <p>j'aime le <b>(x)html</b></p> Faux : <p>j'aime le <b>xhtml</p></b>
Images	Utiliser de préférence des image jpeg, et dans les cas de transparence utiliser les images png.
Images	Dans les balises image et image map définir systématiquement les attributs alt et title pour des raisons d'accessibilité.
Multimédia	Utiliser systématiquement la balise object
Visibilité	Dans le cas de liens bien définir la cible : évitez les liens du genre cliquer " ICI " et utiliser l'attribut title pour décrire le lien.
Accessibilité	Utiliser au maximum les attributs d'accessibilité.