Cómo encontrar la etiqueta div sin cerrar [cerrado]

Un problema de div sin cerrar casi me vuelve loco. Es muy difícil rastrear, especialmente cuando la página es larga y compleja.

Alguna sugerencia?

Author: Sparky, 2011-06-08
Source

9 answers

Como ya se ha indicado, ejecutar su código a través del Validador W3C es genial, pero si su página es compleja, puede que aún no sepa exactamente dónde encontrar el div abierto.

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

EDIT: Además, usaré algunos comentarios HTML para marcar las etiquetas de cierre en las áreas complejas. Mantengo estos al mínimo por la 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>
 24
Author: Sparky,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-06-07 22:39:47

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

Pegue en su HTML, y le dará una salida como "La etiqueta de cierre en la línea 188 no coincide con la etiqueta abierta en la línea 62."

Actualización: La nueva ubicación del Buscador de etiquetas sin cerrar es https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html

 28
Author: Jonathan Aquino,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-09-06 08:26:39

El Validador HTML del World Wide Web Consortium es excelente para detectar errores HTML.

 15
Author: rockerest,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-06-07 22:27:02

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

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

Solo tienes que introducir una URL y te mostrará el mapa completo de la página. Muy útil para una depuración rápida como la que necesitaba.

 15
Author: Noah Whitmore,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-07-17 17:19:15

Use notepad ++ . puedes encontrarlos fácilmente

Http://notepad-plus-plus.org/download /

O puedes Ver el código fuente de FIREfox - Los divs no cerrados se mostrarán en ROJO

 12
Author: Thilanka De Silva,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-06-19 04:42:45

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

Compare los dos números!

 8
Author: Milad,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-02-20 21:18:47

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

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

Disfrute!

 2
Author: Bhojendra Rauniyar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-04-11 10:45:26

Tomando la sugerencia de Milad un poco más lejos, puede desglosar la fuente de su documento y luego hacer otro hallazgo, continuando hasta que encuentre al culpable sin igual.

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

 1
Author: RogerRoger,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-06-18 18:40:30

Las etiquetas Div son fáciles de detectar para mí. Simplemente descargue el archivo, escanéelo con netbeans y luego continúe depurándolo. O puedes usar el kit para desarrolladores de Google Chrome y ver la fuente de página. Soy un desarrollador un poco raro, no siempre uso lo "mejor". 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 ahi. Estoy abierto a más sugerencias para esta lista: D

Feliz programación

- skycoder

 1
Author: TheCodingKlam,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-02-24 05:26:15