Ho modificato molte pagine HTML con un editor di testo di base, un blocco note. Quando sono andato a convalidarli, il servizio di validazione sta dicendo che c'è a div tag che non è chiuso. Tendo a rilevare che le segnalazioni di errore automatiche come queste non tendono ad essere troppo affidabili, cioè ti daranno un numero di riga e l'errore, ma spesso l'errore si trova in realtà in un'altra parte del file.
Mi sto solo chiedendo se ci sono dei liberieditor HTML leggero che ha la funzionalità di trovare il tag di chiusura per un tag. Ad esempio, fai clic su un tag e poi fai clic su un collegamento, e il programma salterà sul tag di chiusura, so che questa funzionalità è in homesite, ma non ho homesite, ed è comunque un programma un po 'ingombrante.
O ancora meglio qualsiasi servizio di convalida html online in grado di evidenziare tag non chiusi?
Per riassumere, vorrei sapere come trovare tag html che non hanno tag di chiusura: c'è un editor HTML gratuito o un semplice servizio online che può aiutare con questo?
risposte:
42 per risposta № 1Se salvi il tuo HTML come page.xhtml (invece di page.html), il browser (Firefox / Chrome o Opera) dovrebbe trovare i tag non chiusi per te senza bisogno di un validatore. Ricordati di rinominarli .html prima di servirli online, IE non supporta .xhtml file ancora.
Modifica (3 anni dopo): Questo post sta ancora ricevendo commenti / upvotes quindi un leggero emendamento IE9 e IE10 supportano ora i file xhtml.
9 per risposta № 2
Usa la fonte vista firefox - il codice sbagliato sarà di colore diverso
7 per risposta № 3
Notepad ++ - non ha mai avuto problemi con esso e non ha mai avuto alcun tag html non chiuso con esso.
Puoi semplicemente fare clic su qualsiasi elemento e vedere se è cosìha un tag di chiusura. Inoltre puoi farlo: fai clic su "TextFX" (a sinistra dai plug-in di navigazione) -> fai clic su "Text FX HTML Tidy" -> fai clic su lascia dire hmm "TiDy clean Document - wrap". Questo dovrebbe risolvere il tuo documento html, ovvero chiudere tutti gli elementi non chiusi.
4 per risposta № 4
Fa più di semplici tag non chiusi. Dovrebbe essere utilizzato da tutti gli sviluppatori front-end, IMO.
1 per risposta № 5
Sto usando due strumenti online, che funzionano molto bene. jona.ca e tormus.com
1 per risposta № 6
CSE HTML Validator Lite è un editor leggero gratuito (per Windows) quellocontrollerà il tuo codice HTML (basta premere F6) e troverai i tag finali mancanti e altri problemi. Puoi anche premere Ctrl + M su un tag iniziale o finale e ti porterà al tag iniziale o finale corrispondente.
Un semplice servizio online che farà anche questo (e altro) è OnlineWebCheck.com. Ci sono altri servizi online, ma secondo me quello che ho appena menzionato è il più semplice da usare e capire.
Divulgazione completa: sono lo sviluppatore di CSE HTML Validator Lite e http://www.OnlineWebCheck.com/ che si basa su CSE HTML Validator.
0 per risposta № 7
editor HTML leggero gratuito ... servizi di validazione html online in grado di evidenziare tag non chiusi?
Uso linter-VNU.
linter-vnu è un pacchetto per l'editor di Atom che utilizza Nu Html Checker (v.Nu) per convalidare documenti HTML o XHTML.
Rivelazione: Sono lo sviluppatore di linter-vnu.
linter-vnu usa un altro pacchetto Atom, linter, per integrare v.Nu e Atom.
Ad esempio, se apri il seguente test.html file 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>
(con una chiusura volutamente mancante </div> etichetta)
quindi Atom (o meglio, linter-vnu, grazie a linter e v.Nu) visualizza i seguenti messaggi di errore:
- Elemento non chiuso "div". alla riga 8 col 1 in test.html
- Tag di fine per "corpo" visto, ma c'erano elementi non chiusi. alla riga 10 col 1 in test.html
e contrassegna quelle linee nell'editor con punti rossi.
Se fai clic su "at ..."(testo con collegamento ipertestuale) nel messaggio di errore, il punto di inserimento dell'editor si sposta sulla riga corrispondente e un popup appare sotto la riga, con il testo dell'errore (" Unclosed element "div". ").
Se si salva il documento HTML con l'estensione del file .xhtmle aprirlo in Atom, quindi v.Nu convalida il documento come XHTML (XML) anziché HTML, con messaggi leggermente diversi. In questo caso, un solo messaggio di errore:
- carattere richiesto (trovato "b") (atteso "d") alla riga 10 colonna 3
dove la riga 10 contiene la chiusura </body> etichetta. v.Nu si aspettava un </div> tag invece; era felice con </ - si aspettava un tag di chiusura - ma si aspettava che il nome dell'elemento iniziasse con "d" per "div", non con "b" per "body".
Faccio le seguenti affermazioni, a partire da novembre 2016:
- v.Nu è l'opzione migliore per la convalida (X) HTML (5).
- linter-vnu è la migliore opzione per l'interattivitàsfruttando v.Nu in un editor. linter-vnu stesso è banale; sono solo alcune righe di codice "colla". Ciò che lo rende l'opzione migliore è l'editor Atom e il pacchetto linter di Atom.
Accolgo con favore le domande riconvenzionali e le domande su queste affermazioni. Sarei felice di essere stato smentito e di aver mostrato qualcosa di meglio, specialmente se, come v.Nu e linter-vnu, è gratis.
0 per risposta № 8
Se il tuo codice è molto disordinato, non elaborato né rientrato, v.Nu (come visto su https://validator.w3.org/nu/) spesso si confondono (ad esempio se c'è un tag di chiusura degli estremi, potrebbe non riuscire a selezionare quello che è veramente sbagliato).
Una soluzione è la piegatura del codice: collassando tutto il codice contrassegnato come figlio di un determinato nodo, è spesso possibile individuare facilmente una gerarchia errata.
Un esempio di editor che supporta la piegatura del codice è Editor di Kate: vedi le frecce a sinistra nel loro screenshot.
