Быстрая навигация по этой странице:
Если обратиться к Википедии, то понятие валидности определяется как мера соответствия методики и результатов первоначальным задачам. Применительно к созданию сайтов, валидность означает соответствие кода вашего сайта общепринятым стандартам и отсутствие в этом коде ошибок. Соответственно, проверить сайт на валидность — это значит произвести проверку html-кода вашего ресурса на наличие ошибок, так как даже самый лучший конструктор сайтов может делать ошибки в html.
Зачем нужна проверка кода
На самом деле, вопрос о том, зачем нужна проверка валидности сайта, является крайне дискуссионным, так как современные браузеры без проблем показывают и «невалидные» сайты, написанные не в полном соответствии со стандартами, а многие seo-специалисты считают, что валидность не влияет на ранжирование сайтов в выдаче поисковых систем.
Поскольку на тему целесообразности такой проверки написаны десятки постов и сотни (пожалуй, даже тысячи) комментариев, мы не возьмемся делать какой-то однозначный вывод о том, насколько необходимо безусловно следовать стандартам html.
С нашей точки зрения, данную процедуру необходимо производить не столько ради стандартов, сколько ради того, чтобы с помощью бесплатного инструмента поискать ошибки на своем проекте.
Например, в большом количестве колонок, шапок, футеров, сайдбаров и помещенных внутри них блоков вполне можно незаметить какой-то незакрытый тег или дублирование тега. Из-за этого в дизайне сайта что-то может криво смотреться или, предположим, криво отображаться в отдельных браузерах — вы в своем Chrome или Opera этого не увидите, а пользователь с Internet Explorer 6-8 вполне может увидеть неправильно отображенную страницу. Могут быть и неправильно указаны технические теги — такие, например, как мета тег keywords.
Потому, на наш взгляд, как минимум ради устранения возможных ошибок проверка валидности html имеет право на жизнь.
Производим проверку онлайн
Прародителем всех существующих стандартов является созданный в 1994 году Консорциум W3C, благодаря которому в свое время и произошла стандартизация тегов HTML. Потому если вы хотите проверить валидность кода по всем правилам, то имеет смысл воспользоваться онлайн-инструментом на официальном сайте W3C — http://validator.w3.org/.
В открывшемся окне достаточно ввести адрес сайта или его отдельной страницы и нажать на кнопку «Check»:
Как видим, на нашем сайте было обнаружено три ошибки, одна из которых сводилась к тому, что код favicon был установлен ошибочно после закрывающего тега </head>. Нашли бы мы такую ошибку самостоятельно? Возможно, но не факт.
Также можно отдельно проверять css-файлы на вашем сайте, для этого существует специальный css-валидатор: http://jigsaw.w3.org/css-validator/.
Расширения для браузеров
Помимо официального сервиса от консорциума W3C, также можно проверять код с помощью самих браузеров. Так, для Firefox существует очень удобное расширение под названием HTML Validator (https://addons.mozilla.org/ru/firefox/addon/html-validator/).
Для браузеров Opera и Chrome можно использовать плагин Google Chrome RDS bar от сервиса recipdonor.com. Он, конечно, предназначен для других, не менее полезных функций (проверка пузомерок, индексации, наличия в каталогах и т.д.), но в нем имеется и встроенный валидатор.
Для Internet Explorer нам на момент написания статьи такие плагины не попались… Если вам они известны — поделитесь пожалуйста этой информацией в комментариях!