Réindenter son code¶

Dans cette partie, nous verrons quelques outils de base pour corriger l’indentation de notre code HTML, CSS et JavaScript.

indentation: Par indentation, on réfère à l’usage d’espaces ou tabulations dans un programme pour structurer visuellement son code de manière à le rendre plus lisible.

exemple¶

avant¶

<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<title>mon titre</title>
</head>
<body>
</body>
</html>

après¶

<!DOCTYPE html>
<html lang="fr" dir="ltr">
   <head>
        <meta charset="utf-8" />
        <title>mon titre</title>
   </head>
   <body></body>
</html>

Exercice¶

Essayez un outil avec le code précédent, par exemple celui trouvable à cette adresse : https://webformatter.com/html

Avertissement

Habituellement, il n’est pas nécéssaire de réindenter son code : on indente correctement son code dès le départ.

Toutefois, l’expérience semble montrer que lorsque l’on début en HTML/CSS/JS, on tend parfois à ne pas indenter correctement son code, et à, au fur et à mesure des tâtonnement, se retrouver avec une indentation totalement.

Vous pouvez utiliser ce type d’outil pour :

rendre votre code plus lisible pour vous même
ne pas faire fulminer d’effroi votre enseignant·e