Ceci est une ancienne révision du document !
Coder en HTML
Ecriture du code
Le rendu HTML d'une page n'est pas sensible à la mise en forme du code source HTML écrit :
- Espace
- Tabulations
- Sauts de lignes
Ne sont pas interprétés par le navigateur.
Ils permettent par contre de rendre plus lisible un code source :
<h1>Liste exemple</h1><ul><li>Item1</li><li>Item 2</li></ul>
<h1>Liste exemple</h1> <ul> <li>Item1</li> <li>Item 2</li> </ul>
Débogage
Affichage source
Affichage DOM
Il est également possible de visualiser la structure du DOM créée par le navigateur, à partir du HTML interprété :
Pour inspecter les éléments : CTRL + MAJ +U
Affichage réseau
L'affichage du réseau peut également donner des indications sur un disfonctionnement (fichier CSS non chargé par exemple) :
Activer l'onglet Network ou Réseau après avoir choisi Inspecter :
Validateur W3C
Le validateur W3C peut également donner des indications sur une mauvaise interprétation du code :