Как вы находите несоответствующие теги в HTML?

Question

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

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

ОБНОВЛЕНИЕ: я в настоящее время нахожусь в магазине, который нацелен на строгий HTML 4.01, а не XHTML.

Answer 1

HTML-валидатор W3C работает достаточно хорошо, или, если вы хотите чего-то более простого, тогда плагин Firefox Tidy также работает.

Answer 2

Валидатор w3c может быть (очень) многословным, но он проверяет наличие отсутствующих закрывающих тегов.

Answer 3

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

Answer 4

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

Answer 5

vim / gvim и NetBeans отлично справляются с сопоставлением тегов

Answer 6

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

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

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

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

Answer 7

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

Answer 8

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

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