Способы проверки HTML-документа на валидность с помощью Validator.W3.Org
- Указание URI в GET-параметре ссылки
- Указание реферера в GET-параметре ссылки
- Указание кода в GET-параметре ссылки
- Проверить HTML-документ на валидность с помощью Validator.W3.Org можно:
- через сайт валидатора непосредственно:
- с помощью специальных ссылок на сайт валидатора, которые можно разместить где угодно.
Далее мы будем рассматривать именно проверку на валидность с помощью специальных ссылок, так как процедура проверки через сайт валидатора непосредственно очень проста и вопросов возникать не должно.
Итак, проверка документа / кода с помощью ссылок ...
Указание URI в GET-параметре ссылки
Когда вы проверяете документ по его URI (то есть находящийся в сети), вы можете увидеть как изменяется ссылка в адресной строке браузера:
Начальная ссылка: http://validator.w3.org или http://validator.w3.org/#validate_by_uri
Конечная: http://validator.w3.org/nu/?doc=http://developer.roman.grinyov.name/blog/129
Разберём конечную ссылку ...
- http://validator.w3.org/nu/
- адрес валидатора.
- ?
- начало GET-запроса.
- doc=
- параметр, значением которого является любой URI, в данном случае это http://developer.roman.grinyov.name/blog/129 ... Валидатор может закодировать значение и оно будет выглядеть как http%3A%2F%2Fdeveloper.roman.grinyov.name%2Fblog%2F129, но суть от этого не меняется, так как это одно и тоже.
Вывод: чтобы создать ссылку на валидацию, нужно просто к http://validator.w3.org/nu/?doc= добавить нужный адрес.
Пример: http://validator.w3.org/nu/?doc=http://example.com.
Указание реферера в GET-параметре ссылки
Для проверки валидности некоторой страницы, находящейся в сети, можно просто поместить в её контент ссылку следующего вида, перейдя по которой будет проверен документ, с которого был осуществлён переход: http://validator.w3.org/check?uri=referer
Вот и всё ...
Указание кода в GET-параметре ссылки
Ссылка имеет следующий вид: http://validator.w3.org/nu/?doc=data:text/html;charset=utf-8,<!DOCTYPE html><title>Title</title>
- http://validator.w3.org/nu/
- адрес валидатора.
- ?
- начало GET-запроса.
- doc=
- параметр, значением которого теперь (при проверке через URI значением является URI) является проверяемый код ...
- data:text/html;charset=utf-8,
-
метаданные.
В этом промежутке строки лучше не использовать пробелы.
- data:
- говорит валидатору, что сейчас пойдут данные.
- text/html;charset=utf-8,
- MIME-тип документа и кодировка — текст и HTML в кодировке UTF-8.
- <!DOCTYPE html><title>Title</title>
- собственно, сам код.
Ещё раз всё вместе: http://validator.w3.org/nu/?doc=data:text/html;charset=utf-8,<!DOCTYPE html><title>Title</title>
Дополнительные GET-параметры
Следующие параметры можно использовать во всех рассмотренных выше спецссылках. Напомню: параметры разделяются амперсандом (&).
- Помимо основного параметра
doc
, в котором указывается либо URI, либо код, в ссылках можно использовать и некоторые другие: showimagereport
;showoutline
;showsource
.
При проверке через сайт валидатора непосредственно они обычно имеют вид showimagereport=yes
, showoutline=yes
, showsource=yes
, но значение (yes
) может быть любым или отсутствовать вообще; главное — наличие параметра, так как без него функциональность не будет задействована.
- showimagereport
-
показать отчёт по изображениям: информация по всем используемым в документе изображениям (
<img>
), в частности — их альтернативный текст (alt
) и точное расположение в коде: http://validator.w3.org/nu/?showimagereport&doc=http://developer.roman.grinyov.name/blog/14 - showoutline
- показать план документа: информация по структуре документа, основанная на использованных в коде элементах заголовков и навигации: http://validator.w3.org/nu/?showoutline&doc=http://developer.roman.grinyov.name/blog/14
- showsource
- показать исходный код: информация по исходному коду, который был получен для проведения валидации: http://validator.w3.org/nu/?showsource&doc=http://developer.roman.grinyov.name/blog/14
И, как обычно ☺, всё вместе: http://validator.w3.org/nu/?showimagereport&showoutline&showsource&doc=http://developer.roman.grinyov.name/blog/14