Опубликовано: 15.02.2011 Последняя правка: 16.12.2015

Валидаторы HTML и CSS

Валидаторы HTML и CSS — это специальные программы, используемые для проверки правильности написания кода. Валидаторов существует очень много, но самые популярные среди них, это программы, созданные Консорциумом W3C.

Валидатор HTML

Валидатор W3C HTML W3C HTML Validator — HTML-валидатор W3C, который проверяет синтаксис HTML и XHTML-кода. Проверку можно осуществлять тремя способами: указать адрес страницы в интернете (Validate by URI), загрузить проверяемый файл с компьютера (Validate by File Upload) или вставит HTML-код непосредственно в проверочное окно (Validate by Direct Input).

Нажав кнопку «More Options» можно установить дополнительные настройки проверки, такие как кодировка документа, тип документа (используемый <!DOCTYPE>) и т.д.

Проверка осуществляется на правильность написания тегов, атрибутов и их некоторых значений, правильную вложенность и закрытие тегов, а также на модель содержимого HTML-элементов, так как каждый элемент может содержать только определенный список тегов.

Обращаю ваше внимание на то, что данный валидатор, как и любой другой, не производит проверку HTML на семантику кода, то есть на логичность его структурирования, так как данная задача не относится к синтаксису HTML. Поэтому, например, если вы будете использовать тег выделения длинных цитат (<BLOCKQUOTE>) для создания меню сайта, что ж, Бог вам судья и поисковики, так как они уже довольно неплохо в этом разбираются.

Валидатор CSS

Валидатор W3C CSS W3C CSS Validator — CSS-валидатор W3C на русском языке, предназначен для проверки CSS (Каскадные таблицы стилей). Как и в предыдущем случае, существует три способа проверки: указать адрес проверяемой страницы, загрузить файл с компьютера или вставить код CSS в окно валидатора.

Нажав на «Дополнительные возможности» вы сможете выбрать версию языка, тип устройства и настроить отчет о проверке.

Данный валидатор проверяет правильности написания селекторов CSS, свойств CSS и их значений, наличие фигурных скобок {  } и точек с запятой (;), но он не отслеживает наличие дубликатов свойств для одного и того же элемента, так как синтаксис CSS это позволяет. Поэтому, если ошибок в вашей таблице стилей не обнаружено, но при этом какие-то из параметров не работают, то скорее всего тут дело в приоритетах стилей.

Совмещенный валидатор HTML и CSS

Валидатор W3C Unicorn W3C Unicorn Validator — совмещенный валидатор W3C на русском языке, который может проводить не только проверку синтаксиса HTML и CSS, но и RSS, Atom и некоторых других кодов. Здесь вы также можете указать URL проверяемого файла, загрузить его с локальной машины или ввести код непосредственно в окно валидатора.

В меню «Задача» вы можете выбрать тип проверки или сделать ее общей (установлено по умолчанию).