Проверка валидности HTML

Главная » Проверка валидности HTML

Что такое валидность кода

В двух словах, есть некий стандарт, который описывает грамматику, словарь и синтаксис языка разметки HTML.

Ошибки валидации встречаются почти на каждом ресурсе, но страницы выглядят правильно. Почему? Современные браузеры стараются отображать даже «нелегитимный» код, но это отображение зависит от их собственной реализации и может меняться в будущем.

Как проверить сайт на ошибки

Для проверки на валидность кода есть онлайн сервис — https://html5.validator.nu/

Или вот этот адрес — https://validator.w3.org/

Вывод у них идентичный.

Вот пример парсинга главной страницы. После обновления темы, я не проверял валидность разметки, поэтому могли возникнуть ошибки. Так и оказалось.

Валидация HTML wp-best.png

Благо валидатор указывает ошибку в разметке вместе со строкой, поэтому исправить её для вебмастера обычно нет никакой сложности. В CMS с динамическим содержанием эти ошибки довольно часто однотипные и как правило исправляются одной строчкой в шаблоне.

к содержанию ↑

Ошибается ли валидатор

Разумеется.

Пример, при валидации статей дает мне ошибку про дубли ID атрибута.

Валидация HTML wp-best Дубли ID.png

На самом деле это не так, названия ID разные. Кстати, дает эти названия Emacs, потому что я пользовался им при публикации.

Валидация HTML wp-best нет дублей ID.png

Спецификация не говорит о том, что дефис является запрещенным символом для атрибута id. В этом случае, я еще могу усомниться в корректности работы парсера.

Но чаще всего он прав.

к содержанию ↑

Как исправить валидацию самостоятельно

  • Скопировать строку кода со страницы валидатора;
  • Открыть исходный код проверяемой страницы в браузере;
  • С помощью поиска найти более точный контекст и местоположение ошибки;

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

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

к содержанию ↑

Автоматическая коррекция ошибок с помощью Tidy

Tidy поможет вам исправить ряд распространенных ошибок, которые могли быть допущены при наборе в HTML редакторе или при конвертации с другого формата.

Для исправления документов можно воспользоваться онлайн сервисом http://htmltidy.net/, или любым другим, который вы можете найти в поиске по запросу html tidy online.

Валидация большого количества страниц

Если надо проверить большое количество страниц, копировать каждую из них в валидатор было бы долгим и неинтересным процессом.

Но есть расширения для браузера как раз для таких случаев.

  • Validity — для Chrome/Chromium и им подобных
  • HTML Validator — для Firefox и его отпрысков

Более того, вы можете проверить все записи WordPress «одним махом» с помощью плагина.

  • Validated — проверяет код HTML записей и страниц согласно W3C Validator

к содержанию ↑

Всё еще не знаете как решить проблему валидации?

Задайте вопрос в комментариях и возможно мы найдем на него ответ.

Оставить комментарий

avatar
  Подписаться  
Уведомление о
Пролистать наверх