Проблема незакрытого div почти сводит меня с ума. Это очень трудно отследить, особенно когда страница длинная и сложная.
Какие есть предложения?
Я сделал онлайн-инструмент под названием незакрытый тег Искатель, который будет делать то, что вам нужно.
Вставьте в HTML, и он даст вам выход как-то "закрывающий тег </стол> по строке 188 не соответствует откройте тег <тд> в строке 62.&и"
Обновление: новое расположение незакрытый тег Искатель https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html
Как уже говорилось, прогон кода через 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>
Я знаю, что есть уже некоторые хорошие ответы, но я наткнулся на этот вопрос в поиск Google, и я бы отметил Это онлайн <див> инструмент проверки...
http://www.tormus.com/tools/div_checker
Вы просто бросить в URL-адрес и он покажет вам всю <див> карта страница. Очень полезно для быстрой отладки, как мне нужно.
Использовать Notepad ++ . вы можете легко найти их
http://notepad-plus-plus.org/download/
Или вы можете вид источника из Firefox - незакрытых дивов будет показан в красный
1- Подсчитайте количество <div
в Notepad++ (Ctrl + F)
2- Подсчитайте количество </div
.
Сравните два числа!
Если вы используете Dreamweaver можно легко заметить незакрытых дел. В левой панели просмотра кода Вы можете видеть, что есть в <> кнопка
`выделите неверный код, нажмите эту кнопку и вы увидите незакрытый див, затем закрыть незакрытый див. Нажмите клавишу F5, чтобы обновить страницу, чтобы увидеть, что любой другой незакрытый див есть.
Вы также можете проверить страницу в Dreamweaver. Файл>проверить страница>совместимость браузера, затем панель задач-панели появится нажмите на кнопку
Проверка`, на левой стороне есть вы'увидите кнопку ► нажмите эту кнопку, чтобы проверить.
Наслаждайтесь!
Принимая Милад'ы предложение немного далее, вы можете разбить исходный документ вниз и попробовать еще раз найти, продолжая, пока вы не найдете себе равных виновника.
Когда вы работаете с большим количеством модулей (с использованием CMS), или Дон'т иметь доступ в W3C инструмент (потому что вы работаете на месте), этот подход является очень полезным.
Теги div легко для меня место. Просто загрузите файл, отсканировать его или так с NetBeans, затем продолжить отладку его. Или вы можете использовать Google для разработчиков Chrome комплект, и просмотрите исходный код страницы. Я'm немного странный разработчик, я не'т всегда использовать в "лучших" и прочее. Но это работает для меня.
Я'МР связать вас с разработчиком материала я использую
http://www.coffeecup.com/free-editor/
Таковы лишь некоторые из лучших там. Я'м более предложений в этот список :Д
Счастливого программирования
-skycoder