Валидная верстка как критерий качества
Иногда в брифах заказчиков встречается требование «валидной верстки» сайта. Также, данный пункт часто указывают разработчики
Является ли «валидная верстка» действительно важным критерием качества
Что такое HTML-макет и технологические стандарты?
Один из первых результатов работы
И 99% кода соответствует этим стандартам. Но, парадокс — 99% сайтов не проходят валидацию с помощью официального сервиса www.validator.w3.org, то есть являются не валидными.
Разберемся почему сайты не проходят валидацию
Первая причина — мелкие ошибки (допуски) в макете, которые браузеры игнорируют.
Вторая причина — даже если у вас идеальный макет, при редактировании каждой отдельной страницы, которых на сайте может быть тысячи и десятки тысяч, мелкие ошибки неизбежны. И проверять каждую страницу после каждого редактирования — затратно.
Третье — есть ряд приемов, которые не соответствуют стандартам W3C, но нормально поддерживаются всеми браузерами.
Эти три аспекта, на мой взгляд вполне допустимы. Они не влияют на отображение сайта в браузерах, на индексацию поисковыми роботами. Их наличие не критично, и даже неизбежно.
Есть и четвертая причина — действительно грубые ошибки в коде. Это могут быть незакрытые теги, ошибки в написании атрибутов
То есть, валидация для опытного разработчика попросту не нужна. Все свои ошибки он выявляет на стадии тестирования макета и при дальнейшей работе над сайтом. И тем более, заказчику не стоит настаивать на обязательной валидации всех страниц сайта. Это только увеличит затраты на разработку, без видимого результата.
Почему валидация — не панацея?
Теперь посмотрим с другой стороны. Если макет проходит валидацию — является ли это гарантией его качества? Ответ однозначный — нет, ни в коем случае.
Качественный макет:
- Оптимизированный. Содержит минимум кода для решения поставленной задачи.
- Легкий. С минимумом картинок.
- Чистый. Без «костылей» и использования хаков.
- Структурированный. Когда стили имеют осознанные названия, понятную вложенность, вплоть до того, что их можно спокойно менять местами без потери вида. Это обеспечивает легкую поддержку и модификацию макета.
- Корректно отображается всеми браузерами.
- Код макета грамотно оформлен в едином стиле.
Так вот, кривой, тяжелый макет с кучей «костылей» и хаков, со стилями в духе «some-block-100-
Но при использовании возникнут проблемы:
- Трафик выше в 1,5–3 раза.
- Плохая индексация поисковыми роботами.
- Зависания и «тормоза» в браузере.
- Некорректное отображение в старых и мобильных браузерах.
- Доработка и поддержка в 1,5–3 раза дороже.
Наши выводы
В итоге для себя мы сделали вывод, что валидация макета ни о чем не говорит.
Это не преимущество, это не говорит о профессионализме разработчика и это не панацея от «кривых рук».
Безусловно, мы проверяем валидность макетов, но мелкие предупреждения попросту не исправляем,