Как найти незакрытый тег div

Я сделал онлайн-инструмент под названием незакрытый тег Искатель, который будет делать то, что вам нужно.

Вставьте в HTML, и он даст вам выход как-то "закрывающий тег </стол> по строке 188 не соответствует откройте тег <тд> в строке 62.&и"

Обновление: новое расположение незакрытый тег Искатель https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html

Как уже говорилось, прогон кода через W3C Validator - это здорово, но если ваша страница сложная, вы все равно можете не знать, где именно искать открытый div.

Мне нравится использовать вкладки для отступов в коде. Это визуально упорядочивает его, так что эти моменты легче найти, дети, братья, сестры, родители и т.д... они будут выглядеть более очевидными.

EDIT: Кроме того, я использую несколько HTML-комментариев, чтобы отметить закрывающие теги в сложных областях. Я свожу их к минимуму для аккуратности.

    <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>

Я знаю, что есть уже некоторые хорошие ответы, но я наткнулся на этот вопрос в поиск Google, и я бы отметил Это онлайн <див> инструмент проверки...

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

Вы просто бросить в URL-адрес и он покажет вам всю <див> карта страница. Очень полезно для быстрой отладки, как мне нужно.

World Wide Web Consortium HTML Validator отлично справляется с выявлением ошибок HTML.

Использовать Notepad ++ . вы можете легко найти их

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

Или вы можете вид источника из Firefox - незакрытых дивов будет показан в красный

1- Подсчитайте количество `

Если вы используете Dreamweaver можно легко заметить незакрытых дел. В левой панели просмотра кода Вы можете видеть, что есть в <> кнопка `выделите неверный код, нажмите эту кнопку и вы увидите незакрытый див, затем закрыть незакрытый див. Нажмите клавишу F5, чтобы обновить страницу, чтобы увидеть, что любой другой незакрытый див есть.

Вы также можете проверить страницу в Dreamweaver. Файл>проверить страница>совместимость браузера, затем панель задач-панели появится нажмите на кнопкуПроверка`, на левой стороне есть вы'увидите кнопку ► нажмите эту кнопку, чтобы проверить.

Наслаждайтесь!

Принимая Милад'ы предложение немного далее, вы можете разбить исходный документ вниз и попробовать еще раз найти, продолжая, пока вы не найдете себе равных виновника.

Когда вы работаете с большим количеством модулей (с использованием CMS), или Дон'т иметь доступ в W3C инструмент (потому что вы работаете на месте), этот подход является очень полезным.

Теги div легко для меня место. Просто загрузите файл, отсканировать его или так с NetBeans, затем продолжить отладку его. Или вы можете использовать Google для разработчиков Chrome комплект, и просмотрите исходный код страницы. Я'm немного странный разработчик, я не'т всегда использовать в "лучших" и прочее. Но это работает для меня.

Я'МР связать вас с разработчиком материала я использую

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

http://www.netbeans.org

Таковы лишь некоторые из лучших там. Я'м более предложений в этот список :Д

Счастливого программирования

-skycoder