Hello :)
Il ne s'agit pas d'un générateur de code donc je le propose ici, n'hésitez pas à bien le replacer. '-'
Parfois en adaptant un tutoriel, on a tendance à simplement faire en sorte que ça marche sans vraiment faire attention à ce que le code soit lisible... Et quand quelques semaines après on doit re-regarder on n'y comprends plus rien. Il y a des balises qui s'ouvrent et se ferment partout et honnêtement... On a la flemme de tout re-nettoyer.
Un petit lien utile pour rendre plus lisible le HTML ou le Javascript : http://jsbeautifier.org/
Exemple :
Après avoir été bien indenté donnera ceci :
C'est quand même plus facile à lire ? Bien entendu c'est automatique donc il peut y avoir des parties à revoir, on a tous ses préférences, mais quand on arrive sur un code juste incompréhensible, cela peut aider ♥
Il ne s'agit pas d'un générateur de code donc je le propose ici, n'hésitez pas à bien le replacer. '-'
Parfois en adaptant un tutoriel, on a tendance à simplement faire en sorte que ça marche sans vraiment faire attention à ce que le code soit lisible... Et quand quelques semaines après on doit re-regarder on n'y comprends plus rien. Il y a des balises qui s'ouvrent et se ferment partout et honnêtement... On a la flemme de tout re-nettoyer.
Un petit lien utile pour rendre plus lisible le HTML ou le Javascript : http://jsbeautifier.org/
Exemple :
- Code:
<div class="fiche-1"><div class="pseudo">Totot</div><div class="titre">Un super titre <div class="sous-titre">Avec un sous titre</div></div>
<div class="contenu_presentation1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis aperiam labore id nobis repellat fuga tempora dolores dolorum odio placeat soluta eaque excepturi ducimus officiis ipsam atque aliquid. Fuga perferendis.
</div><img src="ADRESSEIMG" alt="Nom image"/></div>
Après avoir été bien indenté donnera ceci :
- Code:
<div class="fiche-1">
<div class="pseudo">Totot</div>
<div class="titre">Un super titre
<div class="sous-titre">Avec un sous titre</div>
</div>
<div class="contenu_presentation1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis aperiam labore id nobis repellat fuga tempora dolores dolorum odio placeat soluta eaque excepturi ducimus officiis ipsam atque aliquid. Fuga perferendis.</div>
<img src="ADRESSEIMG" alt="Nom image" />
</div>
C'est quand même plus facile à lire ? Bien entendu c'est automatique donc il peut y avoir des parties à revoir, on a tous ses préférences, mais quand on arrive sur un code juste incompréhensible, cela peut aider ♥