Cómo encontrar la etiqueta div no cerrada

Como ya hemos dicho, pasar el código por el Validador del W3C está muy bien, pero si tu página es compleja, puede que no sepas exactamente dónde encontrar el div abierto.

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

EDIT: También, I'll utilizar algunos comentarios HTML para marcar las etiquetas de cierre en las áreas complejas. Los reduzco al mínimo para mantener la pulcritud.



    <div>
        Main Content

        <div>
            Div #1 content

            <div>
               Child of div #1

               <div>
                   Child of child of div #1
               </div>
            </div>
        </div>

        <div>
            Div #2 content
        </div>

        <div>
            Div #3 content
        </div>

    </div>