Уроки

Валидация HTML

Ошибки в HTML коде, могут привести к поломке внешнего вида сайта и интерактивных функций. Также программистам сложнее работать с некачественным HTML кодом. Разработка и отладка новых функций будет занимать больше времени в будущем.

Почему-то валидатор W3C считает, что у главной страницы гугла кодировка windows-1252, а не UTF-8.
Почему-то валидатор W3C считает, что у главной страницы гугла кодировка windows-1252, а не UTF-8.

Мы проверяем только действительно актуальные ошибки. Популярный сервис от W3C (организация, издающая стандарты для всего интернета) делает много избыточных и малополезных проверок. Задача этого сервиса — проверить код на академическое соответствие спецификациям HTML. Браузеры умеют самостоятельно исправлять различные мелкие погрешности, поэтому тратить время на них — нерентабельно.

Мы проверяем:

  • Наличие атрибута и корректность lang у тега <html>. Помогает различным программам определить язык сайта.
  • Корректность атрибута ID у элементов: формат, отсутствие дублей, наличие значения. Этот аттрибут играет ключевую роль при внедрении интерактивных функций с помощью JavaScript.
  • Наличие содержимого у тега <head>.
  • Закрывающие теги у элементов.
  • Корректность атрибута autocomplete.
  • Корректность атрибута as у тега <link>.
  • Корректность атрибута hreflang.
  • Наличие обрамления тега <code> тегом <pre>.
  • Использование мета тегов http-equiv=refresh, http-equiv=content-type и charset в дополнении или вместо соответствующих HTTP заголовков.
  • Указание атрибутов width и height у тегов <img>. Вместо них, нужно использовать CSS, так как в нём можно задать размер картинки для любой ширины экрана. Атрибуты width и height задают одинаковый размер картинки для всех экранов.
  • Корректность мета тегов фавиконов <link rel=icon>, <link rel=apple-touch-icon>, <link rel=apple-touch-icon-precomposed>, <meta name=msapplication-config>, <link rel=manifest>.
  • Корректность мета тегов предзагрузки DNS и предсоединения <link rel=dns-prefetch>, <link rel=preconnect>.
  • Корректность <doctype>.
  • Корректность мета тега <meta name=viewport>.

Тарифные планы для работы с сервисом

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