2009-09-15 23 views
11

He heredado algunos archivos HTML estáticos bastante grandes que deben repararse para funcionar en navegadores basados ​​en webkit, Safari en particular. Uno de los errores comunes que he encontrado que causa diferencias en la representación es la falta de etiquetas </div>. (Tanto IE7 + como FF3 + parecen ignorarlos, o hacer buenas conjeturas sobre dónde cerrar los DIV, y renderizar como se esperaba). Estoy acostumbrado a usar vim con resaltado de sintaxis HTML para editar, pero termino escribiendo guiones awk para que coincidan comenzando y terminando etiquetas.¿Cómo se encuentran las etiquetas que no coinciden en HTML?

¿Cuál es tu herramienta o técnica favorita para unir las etiquetas de inicio y fin en un archivo HTML grande?

ACTUALIZACIÓN: Actualmente estoy en una tienda que se dirige a HTML 4.01 estricto, no a XHTML.

+0

Me pregunto qué haría Visual Studio si abre un archivo ... Nunca tuve este problema yo mismo. –

+1

duplicado: "¿Herramienta para encontrar HTML mal formado?" : http: // stackoverflow.com/questions/1395560/tool-to-find-malformed-html – harpo

+2

@Workshop Alex: Visual Studio hace lo que cabría esperar: resalta todos los errores con garabatos y los coloca en la lista de errores/advertencias. Una gran herramienta para corregir HTML manualmente, también si necesita ajustarse a una DTD específica o algo así. – OregonGhost

Respuesta

10

El W3C HTML Validator funciona bastante bien, o si quiere algo un poco más simple entonces el complemento FireFox Tidy también funciona.

+1

GRACIAS, acabo de probar FireFox "HTML Validator" y es genial. Mis ansias de simplicidad y eficacia están satisfechas. – Smandoli

+0

No hay problema, pero si está satisfecho, su pregunta ha sido resuelta, recuerde marcar la pregunta como respondida. – Brandon

+0

@Brandon: Estaba esperando un poco para ver qué otras respuestas entraron. –

5

El w3c Validator puede ser (extremadamente) detallado, pero verifica si faltan etiquetas de cierre.

2

La mayoría de los IDE generalmente le informan mediante resaltado, subrayado difuso o una advertencia.

0

¿Cuál es su herramienta o técnica favorita para unir las etiquetas de inicio y final en un archivo HTML grande?

Un editor de texto con un corrector de forma bien integrado XML, combinado con el uso de XHTML para todo.

+0

Me gustaría saber a cuáles favorece. – Smandoli

+0

Solía ​​usar uno de los complementos para EmEditor en Windows. – bobince

1

vim/gvim & NetBeans tanto hacer un gran trabajo de etiqueta a juego

+0

He seguido las instrucciones exactas en ": help matchit", pero% todavía no funciona para mí en vim (Cygwin). –

+0

Es difícil decir lo que está mal, puede probar este http://www.catonmat.net/blog/vim-plugins-matchit-vim/ o descargar gvim para Windoze y no pasar por cygwin. –

+0

@Mike, he reformulado mi reclamo como una pregunta en http://stackoverflow.com/questions/1440292. Siéntase libre de responder allí. –

0

Sublime Text con el Tag plugin tiene una característica pelusa etiqueta la cual que tiene como objetivo comprobar la corrección de etiquetas abierta y cerrada.

enter image description here

0

Div Checker es una gran herramienta que se centra en las etiquetas div específicamente.

Mientras que otras herramientas solo pudieron decirme que "faltaba alguna etiqueta en alguna parte".
Div-Checker elimina otras etiquetas, códigos y la mayoría de los comentarios, para crear una estructura visual limpia de solo los divs.
Desde este mapa div, ¡es bastante fácil ver si los divs anidados están emparejados correctamente!
Pude localizar un div faltante omitido por un desarrollador de tema de wordpress, con la ayuda de esta herramienta.

Aquí está el Posted Answer de @ noah-whitmore que me iluminó a esta herramienta impresionante.

Hay un par otros útiles tools mencionado en ese hilo, así como unclosed-tag-finder (visualmente no es tan fácil de leer, pero útil si su etiqueta que falta no es un div).

Cuestiones relacionadas