Ответ 1
W3C HTML Validator работает достаточно хорошо, или если вам нужно что-то немного проще, чем Tidy Плагин FireFox также работает.
Как вы обнаружите несогласованные теги в HTML?
Я унаследовал некоторые довольно большие статические HTML файлы, которые нужно исправлять, чтобы работать в браузерах на основе webkit, в частности Safari. Одна из распространенных ошибок, которые я обнаружил, которые приводят к различиям в представлении, не содержит тегов </div>. (И IE7 +, и FF3 +, похоже, игнорируют их или делают хорошие догадки о том, где закрыть DIVs, и отображать как ожидалось.) Я привык использовать vim с подсветкой синтаксиса HTML для редактирования, но в конечном итоге записываю awk-скрипты для соответствия начальным и конечным тегам.
Каков ваш любимый инструмент или метод для сопоставления стартовых и конечных тегов в большом HTML файле?
UPDATE: я сейчас в магазине, который нацелен на HTML 4.01 Строго, а не XHTML.
Ответы
Ответ 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).