style significado propiedades etiquetas etiqueta ejemplos div color html html-validation

html - significado - Cómo encontrar la etiqueta div no cerrada



etiquetas html (9)

Un problema Div no cerrado casi me vuelve loco. Es muy difícil realizar un seguimiento especialmente cuando la página es larga y compleja.

¿Alguna sugerencia?

1- Cuenta el número de <div en el bloc de notas ++ (Ctrl + F)
2- Cuenta el número de </div

Compara los dos números!

Como ya se dijo, ejecutar su código a través del W3C Validator es excelente, pero si su página es compleja, aún puede no saber exactamente dónde encontrar el div abierto.

Me gusta usar pestañas para sangrar mi código. Lo mantiene organizado visualmente para que estos problemas sean más fáciles de encontrar, niños, hermanos, padres, etc. Aparecerán más obvios.

EDITAR: Además, usaré algunos comentarios en HTML para marcar las etiquetas de cierre en las áreas complejas. Los mantengo al mínimo de pulcritud.

<body> <div> Main Content <div> Div #1 content <div> Child of div #1 <div> Child of child of div #1 </div><!--// close of child of child of div #1 //--> </div><!--// close of child of div #1 //--> </div><!--// close of div #1 //--> <div> Div #2 content </div> <div> Div #3 content </div> </div><!--// close of Main Content div //--> </body>

Hice una herramienta en línea llamada Unclosed Tag Finder que hará lo que necesita.

Pegue el código HTML y obtendrá resultados como "La etiqueta de cierre en la línea 188 no coincide con la etiqueta abierta en la línea 62".

Las etiquetas Div son fáciles de detectar para mí. Simplemente descargue el archivo, escanee o más con netbeans, luego continúe depurándolo. O puede usar el kit de desarrollo de Google chrome y ver el origen de la página. Soy un desarrollador un poco raro, no siempre uso las "mejores" cosas. Pero funciona para mí.

Te vincularé con algunas cosas de desarrollador que uso

http://www.coffeecup.com/free-editor/

http://www.netbeans.org

Esos son solo algunos de los buenos que hay. Estoy abierto a más sugerencias para esta lista: D

Programación feliz

-skycoder

Sé que ya ha habido algunas buenas respuestas, pero me encontré con esta pregunta con una búsqueda de Google y ojalá alguien hubiera señalado esta herramienta de verificación en línea ...

http://www.tormus.com/tools/div_checker

Simplemente ingresas una URL y te mostrará todo el mapa de la página. Muy útil para una depuración rápida como la que necesitaba.

Si usa Dreamweaver, podría anotar fácilmente en Div no cerrado. En el panel izquierdo de la vista de código, puede ver que <> highlight invalid code botón de highlight invalid code , hacer clic en este botón y verá que se destacó el div sin cerrar y luego cerrar su div sin cerrar. Presione F5 para actualizar la página y ver que cualquier otro div no cerrado esté allí.

También puedes validar tu página en Dreamweaver. File>Check Page>Browser Compatibility , aparecerá el panel de tareas Haga clic en Validation , en el lado izquierdo verá el botón ► haga clic aquí para validar.

¡Disfrutar!

Tomando la sugerencia de Milad un poco más allá, puede romper su fuente de documentos hacia abajo y luego hacer otro hallazgo, continuando hasta que encuentre el culpable sin igual.

Cuando trabajas con muchos módulos (usando un CMS) o no tienes acceso a la herramienta W3C (porque trabajas localmente), este enfoque es realmente útil.