Валидатор

Валидатор HTML CSS W3C — что это такое, зачем он нужен и почему его обязательно следует использовать при создании сайта?

Валидатором называют устройство, осуществляющее проверку проездных и иных документов, подтверждающих право доступа. Валидаторы широко используют в метро, автобусах и т. д.

Валидатор в понимании создателей сайтов — это компьютерная программа, проверяющая соответствие HTML-кода страниц сайта и CSS-кода на соответствие современным стандартам.

Нашёл онлайновый Валидатор на сайте http://validator.w3.org, запустил его, получил сообщение о 54-х ошибках HTML-кода и о 17-ти предупреждениях уже на главной странице этого сайта! Отмечу, что этот Валидатор является весьма быстрым и удобным, первое время использовал только его, ибо он признан лучшим для проверки HTML-кода.

Чтобы получать максимум информации от Валидатора, в его опциях отмечаю все, кроме крайней правой опции.

Заодно проверил и главную страницу Яндекса: 192-ве ошибки и 10-ть предупреждений. Рассмотрение кода главной страницы Яндекса в тот день  показало, что код содержал лишь три длиннющие строки, то есть ими применено уплотнение кода. Причём многие ошибки можно трактовать, как преднамеренное нарушение стандартов: браузеры, мол, вполне разберутся.

Например, Валидатор возмущается отсутствием пробела между тэгами, а Яндекс предпочитает сокращать длину кода.

Надо будет со временем взять на вооружение этот способ ускорения загрузки путём уплотнения кода! Но безошибочный, то есть не приводящий к недовольству валидатора. Сейчас ещё слишком рано, да и разбираться с этим некогда. Мне пока что ясно лишь, что уплотнение придётся проводить сначала вручную, а потом поискать средства автоматического уплотнения кода перед публикацией, но не перед кешированием.

Вывод первоначально сделал такой: Яндекс чихает на валидность HTML-кода, буду чихать на него тоже.

Гораздо важнее, чтобы страницы сайта нормально отображались во всех браузерах (я проверял отображение весьма многих страниц сайта в 11-ти браузерах) и достаточно быстро загружались.

И всё-таки Валидатор весьма полезен: он указал мне ошибки кода, дал советы по исправлению ошибок и показал места ошибок, чем облегчил процесс избавления от ошибок. Валидатор помог мне избавиться от сотен ошибок, чтобы они не мозолили мне глаза, не заставляли браузеры напрягаться и не замедляли обработку страниц.

Исправил почти все найденные ошибки: на главной странице моего сайта валидатор находил лишь три ошибки — все они содержались в чужом коде: одна в коде, отвечающем за Комментарии, а две в скриптах FeedBurner’а. Избавился и от них!

На большинстве страниц сайта Валидатор находил эти же три ошибки, других ошибок обычно не бывало.

Отмечу, что валидатор особенно не любит таблицы, вставленные CMS WordPress на страницы сайта после копирования таблицы из Excel. Изрядно повозившись,  разобрался с правкой кода сохраняемых таблиц и c переделкой файла стилей styles.css

Чёткий десятишаговый полуавтоматизированный алгоритм правки кода таблиц описал на странице Таблицы.

Замечу, что даже страница Кратер, содержавшая много таблиц и сотни ошибок, имела хорошие показатели загрузки, но окончательная обработка кода явно задерживалась. Исправил все таблицы и на этой странице.

Дополняя и совершенствуя страницы, обязательно правлю таблицы, а Валидатор использую лишь для подсчёта числа ошибок: в его советы уже не заглядываю.

20.03.14 впервые получил от валидатора «зелёную метку»: его фавикон позеленел, а на странице появилась строка с сообщением «This document was successfully checked as HTML5!», имеющая зелёный фон. Такой метки раньше не видел ни у одной страницы ни этого, ни других сайтов!

Теперь я могу утверждать, что главная страница моего сайта лучше, чем главная страница Яндекса!

Для проверки валидности CSS-кода использовал частично русифицированный онлайновый сервис  http://jigsaw.w3.org/css-validator/validator.html.ru  Он выдал 283-ри предупреждения — попробую внести изменения в файлы стилей, чтобы постепенно избавиться от этих предупреждений. Давно подозревал, что файлы стилей используемого шаблона недостаточно хороши, а теперь убедился в этом. Подробности опубликую на странице, доступной по ссылке.

Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!

И не забывайте, пожалуйста, нажимать на кнопки социальных сетей, расположенные под каждой страницей сайта.
ВалидаторПродолжение тут…

Баннер

2 комментария: Валидатор

  1. марк говорит:

    Хорошая статья, спасибо!

  2. boris говорит:

    Ну если Яндекс чихает на него и не выправляет код, может и ну его, может нет необходимости сидеть, краптеть, исправлять эти ошибки — я проверил у себя, их там масса, как с ними всеми справиться, боюсь даже начинать. Нужно ли вот начинать или нет, что это глобально дает?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.