Code
Les commentaires et les indentations en html
Le schéma suivant présente ces deux concepts :
A retenir sur indentation
- l'indentation est un retrait vers la droite réalisé avec la touche Tab du clavier
-
Identer son code signifie que l'on va ajouter un retrait à droite de même taille en fonction du niveau de " parenté " des Elements
- Element père = Niveau 1 = pas d'indentation
- Element Frère du père = Niveau 1 = pas d'indentation
- Element Fils = Niveau 2 = 1 indentation
- Elements Frères du Fils = Niveau 2 = 1 indentation
- Elements Petit Enfant = Niveau 3 = 2 identations
- ...
- Permet de clarifier le code: bien voir l'imbrication des éléments les uns dans les autres
- Faciliter la lecture du code : notamment quand les pages html sont longues
- Réduit le risque d'erreur : oublier la balise fermante, faire un chevauchement entre éléments, oublier un chevron ...
A retenir sur les commentaires
-
syntaxe des commentaires html est la suivante :
<!-- le commentaire --> -
un commentaire peut être monoligne ou multiligne
<!-- commentaire monoligne -->
<!-- commentaire multiligne -->
-
un commentaire peut être saisi n'importe où dans l'élément
<html> -
les commentaires sont utilisés en général pour :
- donner des informations sur ce que fait le code : à soit même ou un autre développeur
- pour se repérer dans le code
- neutraliser une partie du code
- les commentaires sont invisibles à l'écran : le navigateur ne les affiches pas
-
un utilisateur, non développeur, peut tout de même les afficher :
- Faire un Clique droit sur la page > Voir Code source pour afficher la Console du navigateur
-
autre possibilité sur Firefox, faire un Ctrl+U
- dernier conseil : ne pas mettre d'informations sensibles dans les commentaires comme des login / mot de passe