Un problème de div non fermé me rendrait presque fou. Il est très difficile à suivre, surtout lorsque la page est longue et complexe.
Des suggestions ?
Réponses
Trop de publicités?
Jonathan Aquino
Points
179
J'ai créé un outil en ligne appelé Recherche d'étiquettes non fermées qui fera ce dont vous avez besoin.
Collez votre HTML, et vous obtiendrez un résultat tel que "La balise de fermeture de la ligne 188 ne correspond pas à la balise ouverte de la ligne 62".
Mise à jour : Le nouvel emplacement de l'outil de recherche des étiquettes non fermées est le suivant https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html
Comme nous l'avons déjà dit, l'exécution de votre code par le biais du Le validateur du W3C C'est très bien, mais si votre page est complexe, il se peut que vous ne sachiez pas exactement où trouver la division ouverte.
J'aime utiliser les tabulations pour indenter mon code. Cela permet de le garder visuellement organisé, de sorte que les questions sont plus faciles à trouver, les enfants, les frères et sœurs, les parents, etc... apparaissent plus évidentes.
EDITAR: J'utiliserai également quelques commentaires HTML pour marquer les balises de fermeture dans les zones complexes. Je les garde au minimum pour plus de clarté.
<body>
<div>
Main Content
<div>
Div #1 content
<div>
Child of div #1
<div>
Child of child of div #1
</div><!--// close of child of child of div #1 //-->
</div><!--// close of child of div #1 //-->
</div><!--// close of div #1 //-->
<div>
Div #2 content
</div>
<div>
Div #3 content
</div>
</div><!--// close of Main Content div //-->
</body>
rockerest
Points
5878
Le site Le validateur HTML du World Wide Web Consortium est très efficace pour détecter les erreurs HTML.
Thilanka De Silva
Points
415
Utilisez le bloc-notes ++ . vous pouvez les trouver facilement.
http://notepad-plus-plus.org/download/
Ou vous pouvez Voir la source de FIREfox - Divs non fermés sera présenté dans ROUGE
Noah Whitmore
Points
131
Je sais qu'il y a déjà eu de bonnes réponses, mais je suis tombé sur cette question en faisant une recherche sur Google et j'aurais aimé que quelqu'un me signale cet outil de vérification en ligne...
http://www.tormus.com/tools/div_checker
Il suffit de saisir une URL pour obtenir la carte complète de la page. Très utile pour un débogage rapide comme j'en avais besoin.
- Réponses précédentes
- Plus de réponses
