Clarifier ses pages HTML (2)

Clarifier ses pages HTML (2)

Dans une page HTML on peut ajouter des sauts de lignes sans que cela affecte en quoi que ce soit le résultat.
Ces sauts de lignes ne doivent être ajoutés qu'entre des balises, jamais à l'intérieur d'une balise.

On peut donc disposer le texte en respectant deux principes :
- une balise (d'ouverture ou de fermeture) par ligne ;
- indenter (= décaler) les balises en fonction de leur niveau dans la hiérarchie des emboîtements.

Exemple :

<ul class="menu">
          <li class="top">
                    <a href="http://xyz" class="top_link">Accueil</a>
          </li>
          <li class="top">
                    <a href="http://xyz" class="top_link">Articles</a>
                    <ul class="sub">
                              <li>
                                        <a href="http://xyz">Des colonnes de même hauteur</a>
                              </li>
                                        <li>
                                        <a href="http://xyz">Ajouter une colonne</a>
                              </li>
                    </ul>
          </li>
</ul>

D'un coup d'oeil la structure est visualisée

Conseils :

- Faire ce travail de mise en ordre sur la copie de la page sauvegardée au format "txt" ;
- Veiller à ne rien ajouter ou enlever à ce stade de l'opération. La moindre guillemet en plus ou en moins, un espace retiré ou de trop, et c'est l'affichage de la page entière qui peut être compromis.