А ваш блог соответствует стандарту W3C?

Добрый день, Дорогие друзья!

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

Немного порыскав в сети, я наткнулся на довольно интересный сервис — validator.w3.org, который проверяет XHTML код вашего блога (сайта) на предмет соответствия стандарту w3c.

У многих из вас в голове крутится единственный вопрос – что за стандарт W3C, под который всем нужно подстраиваться. Отвечу цитатой из нашей любимой Википедии:

«Консорциум Всемирной паутины (англ. World Wide Web Consortium, W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий»

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

Я решил воспользоваться данным сервисом и проверить свой блог на соответствие стандарту W3C. Для проверки я ввел адрес блога в форму «Adress» и кликнул кнопку «Check»:

И через несколько секунд получил предупреждение о том, что в коде моего блога содержится 182 ошибки и 3 предупреждения, а ниже описание каждой из 182 ошибок (единственный минус, по крайней мере, для меня, что все это на английском языке):

Как видите, здесь указана ошибка, адрес ее расположения в коде блога и способ решения. После получения этого «великолепного списка» я полез опять-таки в интернет, чтобы искать решение каждой их возникших проблем.

Первая ошибка, которую мне быстро удалось устранить, следующая: «required attribute «ALT» not specified». Она возникает, если у картинки не прописан атрибут alt, текст которого отображается, если картинки в браузере пользователя отключены. Если атрибут Alt не прописан, то на месте картинки будет возникать ошибка.

Прописывается alt очень просто:

Таким образом, я буквально за 5 минут решил 25 ошибок (изначально их было 207!). Естественно, многие ошибки повторяются.

Следующая на очереди ошибка: «end tag for «br» omitted, but OMITTAG NO was specified». Насколько я понял, какие-то проблемы с прописыванием тега «br». Ищем…. Ага, нашел. В файле шаблона index.php в самом конце стоял тег <br> без закрывающего тега </br>. Решение проблемы: либо добавить закрывающий тег </br>, либо прописать тег <br />. Я решил проблему вторым способом:

А тем временем, осталось еще 181 ошибка.

Ошибка номер три: «an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified». И важно то, что эта ошибка встречается не один десяток раз. То есть, найди я ее решение, я смогу убрать несколько десятков ошибок сразу. Начнем поиски и узнаем, что же означает данное сообщение?

Немного поразмыслив, я понял, что у меня не везде URL прописаны в кавычках. И, несмотря на то, что они прекрасно работают, такое написание не является стандартом W3C. Исправляем:

Через 15 минут исправлений (в основном, в кодах, прописанных в виджетах в сайдбаре) из оставшихся 181 ошибок действующих (то есть, не решенных) осталось всего 56! То есть, я исправил одним махом 125 ошибок. Неплохо, не правда ли? А мы продолжаем.

Ошибка №4: «end tag for «img» omitted, but OMITTAG NO was specified». Что это за зверь и как мне прогнать его прочь из города блогеров? Сейчас подумаем.

Все, придумал и решил еще 53 ошибки (осталось всего 2!). Вам интересно, как я это сделал? Очень просто. Нужно было лишь добавить закрывающий тег </img> или сделать так <img…… />. Опять-таки, я выбрал второй вариант. И опять проблема была в сайдбаре. Смотрим:

Осталось 2 ошибки, а именно:

«general entity «url» not defined and no default entity»

и «reference to entity «url» for which no system identifier could be generated»,

А также, 3 предупреждения:

«cannot generate system identifier for general entity «url»»

«reference not terminated by REFC delimiter»

«reference to external entity in attribute value»

И все они указывают на ошибку в коде кнопки подписки на обновления блога через Яндекс.Ленту. Сам код выглядит так:

Прошу обратить ваше внимание на кусок кода, выделенный фиолетовым цветом. Вот в нем-то и кроется разгадка последних 2 ошибок и трех предупреждений. Нужно всего лишь убрать из этого участка символ «&» и все, ошибки, как рукой сняло. А я любуюсь на объявление в зеленой рамочке, говорящее о том, что код моего блога соответствует всем стандартам W3C! Ура!

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

Спасибо за внимание!

С нетерпением жду ваши комментарии.