Валидация HTML5

Чтобы убедиться в том, что код набран правильно и не содержит неуклюжие опечатки, его следует проверить с помощью валидатора — так называется программа или сервис для проверки документа на соответствие веб-стандартам и выявления существующих ошибок. Соответственно, валидным является такой веб-документ, который прошел подобную процедуру и не имеет замечаний по коду. Хотя HTML5 ещё находится в процессе развития, возможность валидации предоставляет сервис validator.w3.org и validator.nu.

validator.w3.org

По адресу http://validator.w3.org располагается, пожалуй, самый распространенный инструмент для проверки отдельных страниц на валидность. Этот сайт предлагает три способа проверки: по адресу, локального файла и введенного в форму кода.

Проверка по адресу

Если ваш сайт уже опубликован в Интернете, то любую страницу можно проверить, вводя в текстовое поле её адрес (рис. 9.3).

Рис. 9.3. Форма для ввода адреса документа

Так, вводя http://lionindesert.ru в форме «Validate by URI» (валидация по адресу) и нажав кнопку Check (проверить) получим сообщение о том, валидный документ или нет.

Хотя в текстовом поле вводится адрес сайта, проверяется не сайт целиком, а только одна главная страница. Учтите, что, к примеру, адрес http://lionindesert.ru равнозначен вводу http://lionindesert.ru/index.html.

Валидатор проверяет HTML-код страницы и в случае отсутствия ошибок докладывает о валидности документа (рис. 9.4).

Рис. 9.6. Форма ввода пути к локальному файлу для его проверки

Вначале следует указать путь к HTML-файлу, после чего нажать кнопку Check. Файл будет загружен на сервер и проверен на ошибки.

Использование формы для ввода кода

В некоторых случаях требуется проверить код без сохранения его в отдельный файл. В этом случае пригодится форма для прямого набора текста и отправки его на сервер для валидации (рис. 9.7).

Рис. 9.7. Форма для ввода HTML-кода

html5.validator.ru

Разработанный Анри Сивоненом этот простой со спартанским интерфейсом валидатор позволяет проверять страницы на HTML5, а также на XHTML5, XHTML, HTML и некоторые экспериментальные функции. Валидатор работает в трёх режимах: проверка по адресу документа (Address), загрузка его на сервер (File Upload) и ввод кода непосредственно в текстовое поле (Text Field). Переключение между режимами происходит с помощью списка (рис. 9.8).

Рис. 9.8. Проверка по адресу документа

После нажатия на кнопку Validate выводится результат проверки. Если ошибок нет, демонстрируется зелёная рамка с надписью, что документ соответствует стандартам (рис. 9.9).

Рис. 9.9. Результат проверки

В противном случае отображается красная рамка, а также список ошибок.

На странице расположено две ссылки: About this Service (об этом сервисе), где подробно расписаны разные возможности сайта и More options (дополнительные опции). При нажатии на эту ссылку интерфейс меняется и дополнительно можно указать разные настройки валидации (рис. 9.10). Они преимущественно применяются для проверки других языков разметки чем HTML5.

Рис. 9.10. Расширенный интерфейс