Finden Sie nicht geschlossene HTML-Tags

Lesezeit: 5 Minuten

Benutzeravatar von user280109
Benutzer280109

Ich habe viele HTML-Seiten mit einem einfachen Texteditor oder Notepad bearbeitet. Als ich ging, um sie zu validieren, sagte der Validierungsdienst, dass es eine gibt div Tag, der nicht geschlossen ist. Ich neige dazu, automatische Fehlerberichte wie diese nicht allzu zuverlässig zu finden, dh sie geben Ihnen eine Zeilennummer und den Fehler, aber oft liegt der Fehler tatsächlich in einem anderen Teil der Datei.

Ich frage mich nur, ob es eine Möglichkeit gibt, das schließende Tag für ein geöffnetes HTML-Tag zu finden. Sie klicken beispielsweise auf ein Tag und dann auf eine Verknüpfung, und das Programm springt zum schließenden Tag. Ich weiß, dass diese Funktionalität in Homesite enthalten ist, aber ich habe keine Homesite, und es ist sowieso ein etwas sperriges Programm.

Zusammenfassend möchte ich wissen, wie man HTML-Tags findet, die keine schließenden Tags haben.

  • Puh, am Ende habe ich direkt am Ende ein Abschluss-Div eingebaut, und es schien den Validator zufrieden zu stellen, hurra, danke für eure Vorschläge, Leute!

    – Benutzer280109

    17. Juli 2010 um 1:52 Uhr

Benutzeravatar von lucideer
klarer

Wenn Sie Ihr HTML speichern als 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 nur daran, sie umzubenennen .html bevor Sie sie online bereitstellen – IE wird nicht unterstützt .xhtml Dateien noch.

Bearbeiten (3 Jahre später): Dieser Beitrag erhält immer noch Kommentare/Upvotes, also eine kleine Änderung. IE9 und IE10 unterstützen jetzt xhtml-Dateien.

  • 3 Jahre später … immer noch Unterstützung für IE8 … Probleme … also kommt dies zur Rettung …

    – kodifizieren

    20. Juli 2013 um 11:26 Uhr

  • Funktioniert bei mir nicht wie erwartet. Da es aufgrund des HTML5-Dokumenttyps viele Fehler gibt. Anderer Fehler über Entität, die passieren kann. Bevor Sie zum nicht geschlossenen Tag gelangen, müssen Sie möglicherweise viele Dinge auf der Seite korrigieren.

    – Satya Prakash

    9. Oktober 2013 um 14:48 Uhr

  • @SatyaPrakash doctype sollte keine Rolle spielen, und Sie sollten keine Entitäten benötigen, wenn Sie UTF-8 verwenden. Damit dieser Trick funktioniert, müssen Sie sich an strengere Definitionen in HTML5 halten und nicht an die losen Standardeinstellungen – z HTML5 Polyglott oder (x)HTML5 Dies bedeutet jedoch normalerweise nur die Verwendung von “/>” anstelle von “>” am Ende von selbstschließenden Tags (img, input, link usw.).

    – luzider

    9. Oktober 2013 um 15:00 Uhr

  • Sie brauchen kein gültiges XHTML5, da die Browser einfache “Wohlgeformtheits”-Checker sind, keine Validatoren – das einfache alte HTML5 sollte mit ein oder zwei kleinen Änderungen gut funktionieren.

    – luzider

    9. Oktober 2013 um 15:12 Uhr

  • Es beschwerte sich sogar über . Ich habe 5-6 Dinge entfernt, hatte aber immer noch ein Problem, also höre für später auf.

    – Satya Prakash

    10. Oktober 2013 um 16:52 Uhr

Verwenden Sie die Firefox-Ansichtsquelle – falscher Code wird in einer anderen Farbe angezeigt

  • Diese Funktion von Firefox ist sehr praktisch und macht Firefox zu etwas Besonderem

    – Eduard Torvalds

    29. November 2016 um 11:51 Uhr

Benutzeravatar von Gavrisimo
Gavrisimo

Notepad++ – hatte nie Probleme damit und hatte auch nie ein nicht geschlossenes HTML-Tag damit.

Sie können einfach auf ein beliebiges Element klicken und sehen, ob es ein schließendes Tag hat. Sie können dies auch tun: Klicken Sie auf “TextFX” (links von den Plugins in der Navigation) -> klicken Sie auf “Text FX HTML Tidy” -> klicken Sie auf sagen wir mal hmm “TiDy clean Document – Wrap”. Das sollte Ihr HTML-Dokument reparieren, auch bekannt als alle nicht geschlossenen Elemente schließen.

  • Danke! Ich werde es versuchen, ich habe es tatsächlich installiert, aber wusste nicht, dass es das tun könnte.

    – Benutzer280109

    17. Juli 2010 um 1:34 Uhr

  • @mackx Sie können einfach auf ein beliebiges Element klicken und sehen, ob es ein schließendes Tag hat. Sie können dies auch tun: Klicken Sie auf “TextFX” (links von den Plugins in der Navigation) -> klicken Sie auf “Text FX HTML Tidy” -> klicken Sie auf sagen wir mal hmm “TiDy clean Document – Wrap”. Das sollte Ihr HTML-Dokument reparieren, auch bekannt als alle nicht geschlossenen Elemente schließen.

    – Gavrisimo

    17. Juli 2010 um 1:46 Uhr

  • EditPad Pro. macht das gleiche. Es unterstützt auch RegEx und die Auswahl nach Spalte.

    – Andreas Neely

    9. November 2012 um 20:39 Uhr

http://validator.w3.org/

Macht mehr als nur nicht geschlossene Tags. Sollte meiner Meinung nach von allen Front-End-Entwicklern verwendet werden.

Ich verwende zwei Online-Tools, die sehr gut funktionieren.
jona.ca und tormus.com

CSE HTML Validator Lite ist ein kostenloser leichter Editor (für Windows), der Ihr HTML überprüft (drücken Sie einfach F6) und fehlende End-Tags und andere Probleme findet. Sie können auch Strg+M auf einem Start- oder End-Tag drücken, um zum entsprechenden Start- oder End-Tag zu gelangen.

Ein einfacher Online-Dienst, der dies (und mehr) auch tut, ist OnlineWebCheck.com. Es gibt andere Online-Dienste, aber meiner Meinung nach ist der gerade erwähnte am einfachsten zu verwenden 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.

Benutzeravatar von Nemo
Nemo

Wenn Ihr Code sehr chaotisch, weder verschönert noch eingerückt ist, v.Nu (wie unter https://validator.w3.org/nu/) wird oft verwirrt (wenn es zum Beispiel ein extremes schließendes Tag gibt, kann es sein, dass es nicht gelingt, das wirklich falsche auszuwählen).

Eine Lösung ist das Code-Folding: Durch das Zusammenklappen des gesamten Codes, der als untergeordnetes Element eines bestimmten Knotens markiert ist, können Sie oft leicht eine falsche Hierarchie erkennen.

Ein Beispiel für einen Editor, der Codefaltung unterstützt, ist Kate-Redakteurin: siehe die Pfeile links in ihrem Screenshot.
Kate-Screenshot

1430080cookie-checkFinden Sie nicht geschlossene HTML-Tags

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy