Ich habe viele HTML-Seiten mit einem einfachen Texteditor und einem Editor bearbeitet. Als ich sie validieren wollte, sagt der Validierungsdienst, dass es eine ist div Tag, der nicht geschlossen ist. Ich neige dazu, automatische Fehlerberichte zu finden, da diese nicht zu zuverlässig sind, d. H. Sie geben Ihnen eine Zeilennummer und den Fehler, aber oft ist der Fehler tatsächlich in einem anderen Teil der Datei.
Ich frage mich nur, ob es irgendwelche gibtleichte HTML-Editoren, die das schließende Tag für ein Tag finden können. Zum Beispiel klicken Sie auf ein Tag und dann auf eine Verknüpfung, und das Programm springt zum abschließenden Tag. Ich weiß, dass sich diese Funktionalität in HomeSite befindet.
Oder noch besser alle Online-HTML-Validierungsdienste, die nicht geschlossene Tags hervorheben können?
Zusammenfassend möchte ich wissen, wie man HTML-Tags findet, die keine schließenden Tags haben. Gibt es einen kostenlosen HTML-Editor oder einen einfachen Online-Service, der dabei helfen kann?
Antworten:
42 für die Antwort № 1Wenn Sie Ihren HTML-Code als speichern page.xhtml (Anstatt von page.html) sollte der Browser (Firefox / Chrome oder Opera) die nicht geschlossenen Tags für Sie finden, ohne dass ein Validator erforderlich ist. Denken Sie daran, sie umzubenennen .html bevor sie online bedient werden - IE wird nicht unterstützt .xhtml Dateien noch.
Bearbeiten (3 Jahre später): Dieser Beitrag erhält immer noch Kommentare / Upvotes, also eine geringfügige Änderung. IE9 und IE10 unterstützen jetzt Xhtml-Dateien.
9 für die Antwort № 2
Verwenden Sie die Firefox-Ansichtsquelle - falscher Code wird in einer anderen Farbe angezeigt
7 für die Antwort № 3
Notizblock ++ - hatte nie Probleme damit und hatte auch nie ein geschlossenes HTML-Tag dabei.
Sie können einfach auf ein Element klicken und sehen, ob es angezeigt wirdhat ein schließendes Tag. Sie können dies auch: Klicken Sie auf "TextFX" (links von den Plugins in der Navigation) -> Klicken Sie auf "Text FX HTML Tidy" -> Klicken Sie auf "hmm", "TiDy clean Document - wrap". Das sollte Ihr HTML-Dokument reparieren, dh alle nicht geschlossenen Elemente schließen.
4 für die Antwort № 4
Tut mehr als nur nicht geschlossene Tags. Sollte von allen Front-End-Entwicklern verwendet werden, IMO.
1 für die Antwort № 5
Ich benutze zwei Online-Tools, die sehr gut funktionieren. jona.ca und tormus.com
1 für die Antwort № 6
CSE HTML Validator Lite ist ein kostenloser, leichter Editor (für Windows)überprüft Ihren HTML-Code (drücken Sie einfach F6) und finden Sie fehlende End-Tags und andere Probleme. Sie können auch Strg + M für ein Starttag oder ein Endtag drücken, um zum entsprechenden Start- oder Endtag zu gelangen.
Ein einfacher Onlinedienst, der dies (und mehr) auch tun wird, ist OnlineWebCheck.com. Es gibt noch andere Online-Dienste, aber meiner Meinung nach ist dasjenige, das ich gerade erwähnt habe, das einfachste, es zu benutzen und zu verstehen.
Vollständige Offenlegung: Ich bin der Entwickler von CSE HTML Validator Lite und http://www.OnlineWebCheck.com/ die auf CSE HTML Validator basiert.
0 für die Antwort № 7
kostenlose, leichte HTML-Editoren ... Online-HTML-Validierungsdienste, die nicht geschlossene Tags hervorheben können?
Benutzen Linter-Vnu.
linter-vnu ist ein Paket für den Atom-Editor, das zur Überprüfung von HTML- oder XHTML-Dokumenten den Nu Html Checker (v.Nu) verwendet.
Offenlegung: Ich bin der Entwickler von Linter-Vnu.
linter-vnu verwendet ein anderes Atom-Paket, linter, um v.Nu und Atom zu integrieren.
Zum Beispiel, wenn Sie Folgendes öffnen test.html Datei in Atom:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="utf-8"/>
<title>Test HTML document</title>
</head>
<body>
<div>
<p>Lorem ipsum dolor sit amet...</p>
</body>
</html>
(mit absichtlich fehlender Schließung </div> Etikett)
dann zeigt Atom (oder besser linter-vnu dank linter und v.Nu) die folgenden Fehlermeldungen an:
- Nicht geschlossenes Element "div". in Zeile 8 Spalte 1 in test.html
- Endtag für "body" zu sehen, aber es gab nicht geschlossene Elemente. in Zeile 10 Spalte 1 in test.html
und markiert diese Zeilen im Editor mit roten Punkten.
Wenn Sie auf "um ..." klicken"(Text mit Hyperlink) in der Fehlermeldung wird die Einfügemarke des Editors in die entsprechende Zeile verschoben, und unter der Zeile wird ein Popup mit dem Fehlertext (" Nicht geschlossenes Element "div". ") angezeigt.
Wenn Sie Ihr HTML-Dokument mit der Dateierweiterung speichern .xhtmlund öffnen Sie es in Atom. Dann validiert v.Nu Ihr Dokument als XHTML (XML) und nicht als HTML mit etwas anderen Meldungen. In diesem Fall nur eine Fehlermeldung:
- Erforderliches Zeichen (gefundenes „b“) (erwartetes „d“) in Zeile 10 Spalte 3
wobei Zeile 10 den Abschluss enthält </body> Etikett. v.nu erwartete a </div> stattdessen taggen; es war glücklich mit </ - Es wurde ein schließendes Tag erwartet - aber es wurde erwartet, dass der Elementname mit "d" für "div" und nicht mit "b" für "body" beginnt.
Ich mache folgende Ansprüche ab November 2016:
- v.Nu ist die beste Option zum Validieren von (X) HTML (5).
- linter-vnu ist die beste Wahl für interaktivvNu in einem Editor nutzen. Linter-Vnu selbst ist trivial; Es ist nur ein paar Zeilen "Kleber" -Code. Die beste Option ist der Atom-Editor und das Atom-Linter-Paket.
Ich begrüße Widersprüche und Fragen zu diesen Ansprüchen. Ich bin froh, dass ich mich als falsch erwiesen habe und etwas Besseres gezeigt werde. Vor allem, wenn es wie v.Nu und linter-vnu kostenlos ist.
0 für die Antwort № 8
Wenn Ihr Code sehr unordentlich ist, weder verschönert noch eingerückt ist, v.Nu (wie unter https://validator.w3.org/nu/) wird oft verwirrt (z. B. wenn es ein extre schließendes Tag gibt, kann es möglicherweise nicht dasjenige auswählen, das wirklich falsch ist).
Eine Lösung ist die Code-Faltung: Durch das Ausblenden des gesamten Codes, der als untergeordnetes Element eines bestimmten Knotens markiert ist, können Sie häufig falsche Hierarchien erkennen.
Ein Beispiel für einen Editor, der Code-Faltung unterstützt, ist Kate-Redakteur: Siehe die Pfeile links in ihrem Screenshot.
