Ein nicht geschlossenes Div-Problem macht mich fast verrückt. Es ist sehr schwierig nachzuverfolgen, besonders wenn die Seite lang und komplex ist.
<div>
<span>
<b>Text</b>
<a href="/">Title <span>another test</span>
</span>
</div>
Wie finde ich nicht geschlossene HTML-Tags auf einer Website?
Irgendwelche Vorschläge?
Jonathan Aquino
Ich habe ein Online-Tool namens Ungeschlossener Tag-Finder die tun, was Sie brauchen.
Fügen Sie Ihren HTML-Code ein und Sie erhalten eine Ausgabe wie „Closing tag on line 188 does not match open tag on line 62.“
Aktualisieren: Der neue Speicherort des Unclosed Tag Finder ist https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html
Von Trend Micro Internet Security blockierte Website Das Öffnen dieser Website kann Ihre Sicherheit gefährden. Die Website, die Sie aufrufen wollten, könnte bösartige Software auf Ihren Computer übertragen oder dies bereits an jemand anderen getan haben. Es kann auch Anzeichen einer Beteiligung an Online-Betrug oder Betrug aufweisen. Adresse: jona.ca/blog/unclosed-tag-finder Bewertung: Gefährlich
– Benutzer503853
17. Mai 2013 um 17:45 Uhr
Frage mich, warum es das über meine Seite sagt 🙁
– Jonathan Aquino
17. Mai 2013 um 17:56 Uhr
Ich habe bei Trend Micro einen Antrag auf Neuklassifizierung gestellt – hoffentlich können sie meine Website von ihrer schwarzen Liste streichen.
– Jonathan Aquino
17. Mai 2013 um 18:10 Uhr
Trend Micro hat meinen Blog neu klassifiziert (jona.ca) als sicher: global.sitesafety.trendmicro.com – Danke, dass du mich darauf hingewiesen hast.
– Jonathan Aquino
21. Mai 2013 um 4:34 Uhr
Hallo Jonathan, ich habe es gleich ausprobiert, aber mir ist aufgefallen, dass Ihr Tool denkt, dass es sich bei Kommentaren um Tags handelt. Z.B, <!-- html comment here -->.
– Sablefoste
28. März 2016 um 19:41 Uhr
Funkelnd
Wie bereits erwähnt, führen Sie Ihren Code durch die W3C-Validierer ist großartig, aber wenn Ihre Seite komplex ist, wissen Sie möglicherweise immer noch nicht genau, wo Sie das offene div finden können.
Ich verwende gerne Tabulatoren, um meinen Code einzurücken. Es hält es visuell organisiert, so dass diese Probleme leichter zu finden sind, Kinder, Geschwister, Eltern usw., sie werden offensichtlicher erscheinen.
BEARBEITEN: Außerdem werde ich ein paar HTML-Kommentare verwenden, um schließende Tags in den komplexen Bereichen zu markieren. Ich halte diese auf ein Minimum für die Sauberkeit.
<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>
Dies ist ein guter Punkt – +1. Sauberer, wartbarer Code macht 90 % der Probleme aus. Außerdem würde ich ein weiteres +1 für die Verwendung von Tabulatoren anstelle von Leerzeichen geben;)
– rockerest
7. Juni 2011 um 22:34 Uhr
Glauben Sie, dass dieses Format immer noch möglich ist, wenn HTML mit Hunderten Zeilen PHP-Code gemischt wird?
– Benutzer503853
8. Juni 2011 um 4:33 Uhr
@Don: Es ist einen Versuch wert. Aber Sie müssen nicht jede einzelne Zeile machen … Sie müssen nur die Hauptstücke identifizieren. Bereinigen Sie dann die untergeordneten Blöcke usw. Sobald Sie mit der Bereinigung dieser Codeblöcke beginnen, sollte sich das Problem von selbst zeigen.
– Funkelnd
8. Juni 2011 um 4:56 Uhr
Tabulatoren statt Leerzeichen? Nein niemals. Tabulatoren verursachen zahlreiche Probleme beim Formatieren von Code. Ich habe immer meinen Editor Leerzeichen für Tabulatoren einfügen.
– Trevor de Koekkoek
28. September 2014 um 5:53 Uhr
@TrevordeKoekkoek, was für “zahlreiche Probleme” genau? Ich bin nur neugierig, weil ich noch nie ein Problem gesehen habe, das durch einen Tabulator anstelle von vier Leerzeichen verursacht wurde.
– Funkelnd
28. September 2014 um 6:37 Uhr
das HTML-Validator des World Wide Web Consortium eignet sich hervorragend zum Abfangen von HTML-Fehlern.
Es ist wirklich erstaunlich, wie viele Cross-Browser-Probleme einfach verschwinden, wenn Sie auf dem Validator “grün” erreichen.
– Funkelnd
7. Juni 2011 um 22:42 Uhr
@ Sparky672 Ich fühle mich schmutzig, wenn mein Code nicht grün ist 🙂 Vollständige Einhaltung von Standards!
– rockerest
7. Juni 2011 um 22:49 Uhr
Mir ist aufgefallen, dass der W3-Validator bei der Verwendung von HTML5 keine nicht geschlossenen Tags erkennt oder nur die Verwendung von beschissenem Code zulässt?
– Jörre
22. September 2012 um 14:51 Uhr
@jorre Leider ist HTML5 (meiner Meinung nach) als HTML standardisiert, nicht als XHTML. XHTML erfordert, dass fast alle Tags geschlossen sind, alles in Kleinbuchstaben geschrieben wird usw. Da HTML5 reines HTML ist, fallen diese „schönen Code“-Anforderungen aus dem Fenster, und das ist es jetzt legal nicht geschlossene Tags zu lassen, unvollständige Tag-Attribute zu haben (z. B. “
– rockerest
27. September 2012 um 14:42 Uhr
Thilanka de Silva
Verwenden Sie den Notizblock ++. Sie können sie leicht finden
http://notepad-plus-plus.org/download/
Oder du kannst Quelle von FIREfox anzeigen – Nicht geschlossene divs wird eingeblendet ROT
Ich weiß, dass es bereits einige gute Antworten gegeben hat, aber ich bin bei einer Google-Suche auf diese Frage gestoßen, und ich wünschte, jemand hätte auf dieses Online-Überprüfungstool hingewiesen …
http://www.tormus.com/tools/div_checker
Sie geben einfach eine URL ein und sie zeigt Ihnen die gesamte Karte der Seite. Sehr nützlich für ein schnelles Debuggen, wie ich es brauchte.
Dies ist das nützlichste Tool zum Überprüfen von div-Tags, das ich bisher gesehen habe. Sein Hauptvorteil gegenüber den Funktionen zum „Abgleichen von Tags“ des Editors besteht darin, dass alle anderen Codes, Kommentare und anderen Tags von Unordnung befreit werden, sodass Sie sich einfach nur auf die Struktur der Divs konzentrieren können. Es ist ein einfaches und hübsches Layout. Vielen Dank. Markiert.
– SherylHohman
21. Mai 2017 um 16:23 Uhr
Bo Persson
1- Zählen Sie die Anzahl der <div in Notepad++ (Strg + F)
2- Zählen Sie die Anzahl der </div
Vergleichen Sie die beiden Zahlen!
Dies ist das nützlichste Tool zum Überprüfen von div-Tags, das ich bisher gesehen habe. Sein Hauptvorteil gegenüber den Funktionen zum „Abgleichen von Tags“ des Editors besteht darin, dass alle anderen Codes, Kommentare und anderen Tags von Unordnung befreit werden, sodass Sie sich einfach nur auf die Struktur der Divs konzentrieren können. Es ist ein einfaches und hübsches Layout. Vielen Dank. Markiert.
– SherylHohman
21. Mai 2017 um 16:23 Uhr
Wenn Sie Dreamweaver verwenden, können Sie leicht auf nicht geschlossene div hinweisen. Im linken Bereich der Codeansicht können Sie dort sehen <> highlight invalid code klicken Sie auf diese Schaltfläche, und Sie werden feststellen, dass das nicht geschlossene Div hervorgehoben ist, und schließen Sie dann Ihr nicht geschlossenes Div. Drücken Sie F5, um die Seite zu aktualisieren und zu sehen, ob andere nicht geschlossene Divs vorhanden sind.
Sie können Ihre Seite auch in Dreamweaver validieren. File>Check Page>Browser Compatibilitydann erscheint das Aufgabenfenster Klicken Sie auf Validationauf der linken Seite sehen Sie die Schaltfläche ►. Klicken Sie darauf, um zu bestätigen.
Genießen!
Die akzeptierte Antwort unten hilft nicht, das Problem zu lösen. Ich benutze diesen div-Checker: aliciaramirez.com/closing-tags-checker
– degenerieren
11. Juni 2015 um 19:49 Uhr
Versuchen Sie, jedes schließende Tag in einem Kine zu platzieren, und wählen Sie dann in phpstorm alle (Befehl + a) und dann (Befehl + Alt + L), um automatisch einzurücken.
– Merkur
22. März 2016 um 23:28 Uhr
HTMLhint ist dazu in der Lage seit Oktober 2015gehen Sie einfach zu htmlhint.com und fügen Sie Ihren Code ein.
– math
30. März 2017 um 10:34 Uhr