Как найти незамкнутый тег div [закрыт]

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

какие предложения?

47
html html-validation

9 ответов

Как уже говорилось, запуск кода через валидатор W3C отлично, но если ваша страница сложная, вы все равно можете не знать точно, где найти открытый 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>
24

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

вставьте в свой HTML, и он даст вам вывод, как "закрытие тега на строке 188 не соответствует открытому тегу на строке 62."

обновление: новое местоположение незамкнутого искателя тегов -https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html

28

на World Wide Web Consortium HTML Validator отлично ловит ошибки HTML.

15

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

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

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

15

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

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

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

12

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

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

8

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

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

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

2

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

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

1

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

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

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

http://www.netbeans.org

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

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

-skycoder

1