Доброго времени суток всем, кто в данный момент читает текущую статью. Несколькими публикациями ранее я рассказывал вам о кроссбраузерной и адаптивной верстке, а сегодня разберем, что такое валидная верстка.
В этом коротеньком уроке вы узнаете, что это за тип верстки такой и чем он отличается от других, какие преимущества появляются у сайтов, сверстанных названным образом, и какие инструменты вам понадобятся для этого. Давайте приступим к делу!
Что под собой подразумевает валидная верстка?
На сегодняшний день количество веб-языков, обновлений, плагинов и библиотек увеличилось многократно и продолжает увеличиваться. Так, совершенно недавно большой фурор произвели css3 и html5, после чего большинство сайтов стали использовать в себе новые доступные возможности, а последние версии браузеров единогласно стали их поддерживать.
Для того чтобы весь этот хаос разработок как-то структурировать и, главное, стандартизировать, был создан консорциум под названием W3C. Данная организация разрабатывает требования по стандартизированию всех программных продуктов, созданных для Всемирной паутины.
Благодаря их функционированию все инновации и уже существующие приложения, сервисы совместимы, а сама сеть является универсальной и гибко работает.
«Как же все это относится к валидной верстке?» — спросите вы. Ответ: вся эта информация и есть основа валидности.
Валидной версткой называется та верстка, которая отвечает всем установленным правилам организации W3C.
Сделал по правилам – получи конфетку!
Если разработчик создал сервис, отвечающий всем стандартам, прописанным в документациях, то он получает несколько плюшек сразу.
Во-первых, такая верстка сайта дает большой процент вероятности того, что веб-сервис будет кроссбраузерным. Ведь все браузеры разрабатываются по описанным правилам и обязаны одинаково отображать определенные конструкции. Поэтому такой подход уменьшит вам работы с подгонкой ресурса под все существующие браузеры.
Во-вторых, появляется огромное преимущество перед другими сервисами в случае работы поисковых систем. Они отслеживают, насколько точно отвечает проверяемый веб-сайт стандартам, и ранжируют его в поисковой выдаче запросов. Поэтому проверенные сайты с высоким показателем валидности перемещаются наверх.
Инструменты для проверки сайтов
World Wide Web Consortium выпустила свой онлайн-валидатор для проверки всевозможных сайтов, интернет-магазинов и сервисов рассылок. Воспользоваться им может абсолютно любой, так как он выложен в общий бесплатный доступ по ссылке [urlspan]https://validator.w3.org/[/urlspan]. В нем проверку можно осуществлять тремя способами:
- Указать ссылку на ресурс;
- Загрузить нужные файлы с кодом;
- В специальное диалоговое окно ввести интересующую часть программного кода или небольшое приложение.
Помимо Markup Validation Service существует множество других сервисов для проверки приложений. Ими можно пользоваться как в онлайн-режиме, так и локально со своего компьютера.
В добавок к этому, все визуальные редакторы и тем более профессиональные среды разработки содержат в себе встроенные валидаторы, которые во время написания кода проверяют последний на баги и сразу же подчеркивают недочеты.
Подытожим
Как видите, на сегодняшний день все создаваемые продукты проверяются по стандартам, утвержденным консорциумом W3C. Помимо этого, такие сервисы выигрывают в том, что обеспечивают разработчика большей вероятностью идентичного отображения пользовательского интерфейса во всех браузерах и также поднимаются в списках результатов поиска.
Однако я хочу заметить, что не стоит сразу хвататься за корректирование своего сайта и фанатично все делать валидным. К сожалению, проверяющие код программы не успевают за всеми обновлениями и поэтому не всегда верно оценивают программную реализацию.
Поэтому к этому надо подходить с умом и придерживаться только базовых и важных требований, касающихся написанию тегов, атрибутов, свойств, взаимодействии их между собой и т.д. Если вы хотите детально ознакомиться с существующими стандартами и официальной документацией, то перейдите на сайт [urlspan]https://www.w3.org/[/urlspan].
На этом публикация подошла к концу. Буду вам благодарен, если вы подпишитесь на обновления моего блога и расскажете о нем своим коллегам и друзьям. Желаю удачи в обучении!
Пока-пока!
С уважением, Роман Чуешов
Проверил свой сайт на валидность кода, сервис нашёл тринадцать ошибок и девять каких то опасностей. Кстати, некоторые ошибки повторяются, просто они в разных местах находятся. Нужно будет когда то выделить время, и попробовать их исправить.
Найденные ошибки по-любому на стараться исправить.