Валидация первой статьи блога

Первая статья seo-блога написана и резко зачесалось всё от плеча до ногтей рвануть в гости к онлайн службе валидации HTML от консорциума W3C. (validator.w3.org). Насколько необходима проверка html на соответствие спецификации W3C? Проверить на практике сложно, но можно предположить, что также важно, как грамотно составлять, например, деловые сообщения. Если в деловом письме сразу перейти к сути не представившись по форме, то можно и не дождаться ответа, поскольку деловой мир придерживается стандартов переписки с соответствующими атрибутами и обращениями. Так и в здесь, валидация кода является важной, но не обязательной процедурой.

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

Вот результат:

4 ошибки разметки и 1 предупреждение. Неплохо для начала. Главная страница seo-fox.ru объявлена как документ удовлетворяющий стандарту XHTML 1.0 Strict. Strict - требует строгого разделения содержимого веб-документа и оформления, с вынесением последнего в CSS (таблица стилей). Если мы задаем такой тип документа, то необходимо внимательно следить за следущим:

• Все открывающие теги должны иметь закрывающие, а одиночные теги следует закрывать символом /. Например, <img src="" /> - правильно, <img src=""> - неправильно.
• Использование строчных букв в наименованиях тегов и атрибутов обязательно. Например, <div class="" ></div> - правильно, <DIV CLASS="" ></DIV> - неправильно.
• Атрибуты с логическим значением необходимо прописывать в полной форме. Например, <input disabled="disabled" /> - правильно, <input disabled> - неправильно.
• Спецсимволы должны быть заменены на мнемонические-ссылки, даже в URL встречающихся в коде. Например, & - неправильно, & - правильно.

Рассмотрим ошибки:

• Ошибка отсутствия обязательного атрибута alt
  Line 25, Column 170: required attribute “alt” not specified

  В этой ошибке обязательный для изображения атрибут alt не прописан.

• Ошибка отсутствия закрывающего тега эленемента div
  
  Line 102, Column 7: end tag for “div” omitted, but OMITTAG not specified

  Здесь обязательный закрывающий тег элемента div пропущен. Ай-ай-ай! Исправляем.

• Ошибка отсутствия закрывающего тега эленемента div
  
  Line 38, Column 36: element “center” undefined
  <br /><center style=”font-size:12px”>А<span style=”color:#f79000″>ЛИС</span>а в …

  CENTER не определен в спецификации XHTML 1.0 поэтому использование его в этом документе невалидно.

• И ещё одна ошибка связанная с использованием элемента center.

Исправляем обнаруженные ошибки, повторяем проверку и вот результат - зелёный свет светофора от W3C.

Неплохо, но не забываем проводить проверки каждый раз, после публикации очередной статьи. А использовать можно не только ONLINE-сервис, но и специальные плагины для веб-браузеров.

P.S. Основным источником финансирования Консорциума W3C являются членские взносы? “Donate and help us build better tools for a better web” - гласит надпись на сайте. Хочется поддержать эту организацию парой долларов, но меня притормаживает способ взноса - PayPal. Чтож, подождём когда палка официально придёт и к нам, а пару бачей я им обязательно перечишлю, за Passed