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

Незакрытая проблема div почти сводит меня с ума. Особенно сложно отслеживать, когда страница длинная и сложная.

Любые предложения?

Ответ 1

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

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

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

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

Ответ 2

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

Вставьте свой HTML-код, и он даст вам выход, например: "Закрывающий тег в строке 188 не соответствует открытому тегу в строке 62".

Ответ 3

HTML-валидатор консорциума World Wide Web отлично справляется с ошибками HTML.

Ответ 4

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

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

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

Ответ 5

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

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

Или вы можете Просмотреть источник с FIREfox - Unclosed divs будет отображаться в RED

Ответ 6

1- Подсчитайте количество <div в блокноте ++ (Ctrl + F)
2- Подсчитайте количество </div

Сравните два числа!

Ответ 7

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

Вы также можете проверить свою страницу в Dreamweaver. File>Check Page>Browser Compatibility, появится панель задач Нажмите на Validation, на левой стороне вы увидите кнопку ►, чтобы щелкнуть это, чтобы подтвердить.

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

Ответ 8

Взяв предложение Milad немного дальше, вы можете сломать источник документа вниз, а затем сделать еще одну находку, продолжая, пока не найдете непревзойденного преступника.

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

Ответ 9

Знаки Div легко заметить для меня. Просто скачайте файл, сканируйте его или нет с помощью netbeans, а затем продолжите его отладку. Или вы можете использовать набор разработчика Google Chrome и просмотреть источник страницы. Я немного странный разработчик, я не всегда использую "лучшие" вещи. Но это работает для меня.

Я свяжу вас с некоторыми материалами разработчика, которые я использую

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

http://www.netbeans.org

Это лишь некоторые из хороших. Я открыт для большего количества предложений в этом списке: D

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

-skycoder