Как вы обнаружите несогласованные теги в HTML?

Я унаследовал некоторые довольно большие статические HTML файлы, которые нужно исправлять, чтобы работать в браузерах на основе webkit, в частности Safari. Одна из распространенных ошибок, которые я обнаружил, которые приводят к различиям в представлении, не содержит тегов </div>. (И IE7 +, и FF3 +, похоже, игнорируют их или делают хорошие догадки о том, где закрыть DIVs, и отображать как ожидалось.) Я привык использовать vim с подсветкой синтаксиса HTML для редактирования, но в конечном итоге записываю awk-скрипты для соответствия начальным и конечным тегам.

Каков ваш любимый инструмент или метод для сопоставления стартовых и конечных тегов в большом HTML файле?

UPDATE: я сейчас в магазине, который нацелен на HTML 4.01 Строго, а не XHTML.

Ответ 1

W3C HTML Validator работает достаточно хорошо, или если вам нужно что-то немного проще, чем Tidy Плагин FireFox также работает.

Ответ 2

w3c Validator может быть (чрезвычайно) подробным, но он проверяет отсутствие тегов закрытия.

Ответ 3

HTML Tidy - отличный инструмент командной строки. Я часто использую его с WGet

Ответ 4

Большинство IDE обычно сообщают вам через выделение, нечеткое подчеркивание или предупреждение.

Ответ 5

vim/gvim и NetBeans выполняют отличную работу по соответствию меток

Ответ 6

Каков ваш любимый инструмент или метод для сопоставления стартовых и конечных тегов в большом HTML файле?

Текстовый редактор со встроенной проверкой корректности XML в сочетании с использованием XHTML для всего.

Ответ 7

Sublime Text с Плагин тегов имеет функцию Tag Lint, которая направлена на проверку правильности открытых и закрытых тегов.

Ответ 8

Div Checker - отличный инструмент, специально предназначенный для тегов Div.

В то время как другие инструменты могли только сказать мне, что "какой-то тег где-то отсутствует".
Div-Checker удаляет другие теги, код и большинство комментариев, чтобы создать чистую визуальную структуру только самих div. Из этой div-карты довольно легко увидеть, правильно ли спарены вложенные divs!
С помощью этого инструмента я смог найти отсутствующий div, оставленный разработчиком темы wordpress.

Вот Отправленный ответ от @noah-whitmore, который просветил меня до этого замечательного инструмента.

Есть еще несколько полезных инструментов, упомянутых в этом потоке, например unclosed-tag-finder (визуально не так просто читать, но полезно, если ваш отсутствующий тег не является div).