Совмещенный валидатор Unicorn

Совмещенный валидатор Unicorn консорциума W3C

Привет! Продолжаю тему валидности и сегодня на повестке дня Unicorn — единый валидатор W3C, который помогает людям улучшить качество веб-страниц, выполняя различные проверки сайта. Главный девиз — «Улучшим качество всемирной сети»!

Unicorn W3C

Unicorn собирает данные популярных HTML и CSS валидаторов, а также других полезных инструментов, объединяя результаты проверки на одной странице. Онлайн сервис решает некоторые задачи веб-разработчиков, в том числе помогая исправить существующие ошибки в документе.

Знаете ли Вы, что слово Unicorn в переводе с английского — это Единорог.

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

Валидатор Unicorn

В первую очередь, независимо от типа проверки, необходимо выбрать задачу, которую хотим решить с помощью совмещенного валидатора:

  • Общая проверка кода на валидность — выполняются все тесты
  • Проверка CSS профиля — каскадные таблицы стилей
  • Система проверки MobileOK — доступность на мобильных устройствах
  • Пользовательская задача — ручной выбор тестов

Параметры пользовательской задачи позволяют выбрать следующие тесты: (X)HTML, CSS, MobileOK, RSS/Atom, HTTP заголовки, i18n (интернационализация). Каждый из этих тестов имеет свою собственную страницу на сайте W3C, про некоторые я рассказывал более подробно:

Дополнительные параметры зависят от типа выбранной задачи. Например, запуская общую проверку можно указать Doctype и кодировку документа, если не указывать — определиться автоматически. В проверке CSS профиля среди дополнительных параметров выбирается вид отчета и тип устройства.

Итак, для проверки по ссылке необходимо указать ее адрес в текстовом поле. Для загрузки файла нужно перейти на вторую вкладку и выбрать локальное расположение и имя файла:

Проверка файла

А на третьей вкладке мы можем вручную ввести текст — исходный код страницы, CSS стили, разметку на языке XML или SVG. При этом важно указать тип документа из раскрывающегося списка.

Проверка кода

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

Результаты проверки

Группы представляют собой раскрывающиеся списки, которые содержат исчерпывающую информацию с указанием строки документа и описанием ошибки или замечания. Например, так выглядит список ошибок:

Ошибки

Совмещенный валидатор Unicorn — отличный инструмент для проверки сайта! Единый интерфейс и объединенные результаты проверки позволяют комплексно оценить качество разработки и соответствие стандартам W3C. Проверьте свой сайт!

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)
Опубликовано 14.11.2015

Комментарии

  1. GladWeb:

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

    Ответить

  2. aleksandr:

    Мне тоже пока не удается подружится с валидатором. Вообщем пока сайт с ошибками.

    Ответить

  3. Webliberty:

    Главное чтобы не было критических ошибок, способных навредить сайту! Как показала практика, валидатор не всегда правильно обрабатывает действующие стандарты. Вроде бы и описание новых селекторов и тегов есть на W3C, но если применять их — выдаст ошибку. То есть сам механизм проверки не успевает за прогрессом и новые стандарты не распознает. Наверное потому что они официально не внесены в спецификацию, а являются частью следующего поколения стандарта.

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

    Ответить

  4. Недавно делал тему на вордпресс. После окончания всех работ проводили проверку на валидность на W3C выявились ряд интересных ошибок.

    К примеру в коде вставки видео через iframe c youtube выдает ошибку, ошибка заключается в том что в коде используется frameborder="0" что не валидно в html5 исправляется в принципе style="border:0". Неужели на yotube не знают о том что в html5 данный атрибут считается устаревшим?

    Тег <center> тоже устарел, порой был очень удобен. Вместо него теперь нужно прописывать text-align:center.

    Часто возникают ошибки при использование в Вордпресс устаревших плагинов. Убрать все ошибки, удалось довольно легко 🙂

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

    Ответить

  5. Webliberty:

    Когда я вставляю в запись видео с ютуба, то всегда вообще удаляю теги frameborder и allowfullscreen.

    Ответить

  6. Валентин:

    Привет всем и автору, про валидатор много написано и мой совет, если хотите видеть свой блог в выдаче, то исправляйте все свои косяки в коде, либо сами, а может и фрилансер.

    Ответить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Отправляя комментарий, вы соглашаетесь с политикой конфиденциальности.