Come trovate tag non corrispondenti in HTML?

Ho ereditato alcuni file HTML statici piuttosto grandi che devono essere risolti per funzionare nei browser basati su webkit, in particolare Safari. Uno dei bug più comuni che ho trovato che causa differenze di rendering manca dei tag </div>. (Sia IE7 + che FF3 + sembrano ignorare questi, o fare buone ipotesi su dove chiudere i DIV e renderizzare come previsto.) Sono abituato a usare vim con l'evidenziazione della sintassi HTML per la modifica, ma alla fine a scrivere gli script awk per farli corrispondere inizio e fine tag.Come trovate tag non corrispondenti in HTML?

Qual è il tuo strumento o tecnica preferita per la corrispondenza dei tag di inizio e fine in un file HTML di grandi dimensioni?

AGGIORNAMENTO: al momento sono in un negozio che ha come target HTML 4.01 Strict, non XHTML.

fonte

2009-09-15 system PAUSE

Mi chiedo solo cosa potrebbe fare Visual Studio se apri un file di questo tipo ... Non ho mai avuto questo problema da solo. –

duplicato: "Strumento per trovare HTML malformato?" : http: // StackOverflow.it/questions/1395560/tool-to-find-malformed-html – harpo

@Workshop Alex: Visual Studio fa ciò che ti aspetteresti: mette in evidenza tutti gli errori con gli scarabocchi e li inserisce nell'elenco degli errori/degli avvisi. Un ottimo strumento per correggere manualmente l'HTML, anche se è necessario conformarsi a un DTD specifico o qualcosa del genere. – OregonGhost

Il W3C HTML Validator funziona abbastanza bene, o se si desidera qualcosa di un po 'più semplice allora il plugin Tidy FireFox funziona anche.

fonte

2009-09-15 15:04:48 Brandon

GRAZIE, ho appena provato FireFox "HTML Validator" ed è fantastico. Le mie voglie di semplicità ed efficacia sono soddisfatte. – Smandoli

Nessun problema, ma se sei soddisfatto, la tua domanda è stata risolta, ricorda di contrassegnare la domanda come risposta. – Brandon

@Brandon: stavo solo aspettando un po 'per vedere quali altre risposte sono arrivate. –

Il w3c Validator può essere (estremamente) prolisso, ma controlla i tag di chiusura mancanti.

fonte

2009-09-15 15:04:25 Triptych

La maggior parte degli IDE di solito ti avvisano tramite evidenziazione, sottolineatura sfocata o avviso.

fonte

2009-09-15 15:05:21

HTML Tidy è un ottimo strumento a riga di comando. Io uso spesso con WGet

fonte

2009-09-15 15:07:12 bryanbcook

Qual è il tuo strumento preferito o di una tecnica per la corrispondenza di inizio e fine tag in un file di grandi dimensioni HTML?

Un editor di testo con un correttore di formattazione XML incorporato, combinato con l'utilizzo di XHTML per tutto.

fonte

2009-09-15 15:39:09 bobince

Vorrei sapere quali preferisci. – Smandoli

Ho usato uno dei plugin per EmEditor su Windows. – bobince

vim/gvim & NetBeans entrambi fare un grande lavoro di tag corrispondenti

fonte

2009-09-16 10:58:17

Ho seguito le esatte istruzioni in ": help matchit", ma% non funziona ancora per me in vim (Cygwin). –

È difficile dire cosa c'è che non va, puoi provare questo http://www.catonmat.net/blog/vim-plugins-matchit-vim/ o scaricare gvim per Windoze e non passare attraverso cygwin. –

@ Mike, ho riformulato il mio reclamo come domanda all'indirizzo http://stackoverflow.com/questions/1440292. Sentiti libero di rispondere lì. –

Sublime Testo della Tag plugin ha una caratteristica Lint Tag che che mira a controllare la correttezza delle etichette aperte e chiuse.

enter image description here

fonte

2014-10-23 21:05:31 Zenadix

Div Checker è un grande strumento che si concentra su tag div specifico.

Mentre altri strumenti erano solo in grado di dirmi che "qualche tag mancava da qualche parte".
Div-Checker rimuove altri tag, codice e la maggior parte dei commenti, per creare una struttura visiva pulita solo degli stessi div.
Da questa mappa div è abbastanza semplice vedere se i div nidificati sono accoppiati correttamente!
Sono stato in grado di individuare un div mancante lasciato da uno sviluppatore di temi wordpress, con l'aiuto di questo strumento.

Ecco lo Posted Answer di @ noah-whitmore che mi ha illuminato a questo fantastico strumento.

Ci sono un altro paio utile tools menzionato in quella discussione, come ad esempio unclosed-tag-finder (visivamente non così facile da leggere, ma utile se il tag mancante non è un div).

fonte

2017-05-21 16:48:25 SherylHohman

Come trovate tag non corrispondenti in HTML?

risposta

Problemi correlati