web-разработка

Валидация в CSS

Валидация — это проверка страниц или всего сайта в целом на правильность и соблюдение всех норм web стандартов. Все такие стандарты прописаны на W3C (https://www.w3.org), который соответственно и проводит валидацию сайта.
Через данный сервис можно осуществить проверку на HTML ошибки и CSS ошибки. Совершая вёрстку шаблона, нужно обязательно проверять код на валидность так как именно красивый и чистенький код нравится поисковым системам и браузерам.

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

Переходим на сайт для проверки валидации: jigsaw.w3.org.
На странице расположены вкладки, предлагающие выбрать вариант проверки:

  1. Проверить по URI — достаточно указать адрес страницы;
  2. Проверить загруженный файл — требуется выбрать локальный файл CSS;
  3. Проверить набранный текст — нужно ввести код CSS для проверки на корректность.

Дополнительные возможности позволяют указывать параметры расширенной проверки:

Профиль — перечисляет все особенности и возможности реализации на конкретной платформе. Выбор по умолчанию соответствует наиболее часто используемому стандарту третьего уровня CSS3.

Предупреждения — настройка подробности отчётов: все или наиболее важные предупреждения, обычный отчёт, без показа предупреждений. Сервис может выдавать два типа сообщений: ошибки и предупреждения.

Если проверяемый CSS не соответствует рекомендации — это ошибка. Предупреждения отличаются от ошибок тем, что не относятся к проблемам выполнения спецификации.

Среда — указать где применяются стили, например, на портативном устройстве, дисплее, телевизоре или странице для печати. Рекомендуется проверять все среды применения стилей.

Расширения поставщика — желательно оставить по-умолчанию, есть возможность отображения только ошибок или только предупреждений.

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