Валидность html кода. Исправление ошибок.
(Статья написана в 2009 году - на данный момент, некоторые моменты могли измениться, ищите более актуальные материалы)
Есть факт, на который мало обращают внимание - валидность кода сайта на соответствие стандартам.
Никого не собираюсь агитировать тут за советскую власть, сталкивался с разными мнениями, кто-то говорит, что все это чушь и ни на что не влияет, кто-то, как и я, старается придерживаться правил и стандартов. Можно писать слово «пошел» и «пошОл» и вас одинаково поймут, просто мнение о вас у грамотного человека начнет складываться особое, а можно представить другой вариант написания «пошел» и «пош» или «поше» и в первом случае вас поймут, а в двух других я сомневаюсь. Так что проверка вашего html кода на валидность полезна не только с точки зрения проверки на соответствия стандартам, но и с точки зрения поиска незакрытых тегов и пр.. Все это может повлиять на продвижение вашего сайта в Интернете.
Итак, есть ряд сервисов для проверки валидности кода, но я пользуюсь одним из них - _http://validator.w3.org/, а вы сами себе выберете, что удобно для вас.
Попробуйте в предложенном мною сайте ввести адрес своего и запустите проверку.
Не пугайтесь, результат у большинства страшный -) ошибок вал (у меня при первой проверке высыпало что-то около 500 ошибок на одной странице), я потратил часа 4-5 на свой сайт для исправления всех ошибок.
Результат проверки выдается на английском языке.
Чтобы вам было удобнее разбирать ошибки советую установить галочку на Group Error Messages by Type, в этом случае все ошибки сгруппируются по типу, поставьте галочку на Show Source и вам будет удобнее сразу просматривать исходный код в котором обнаружена ошибка, другие галочки я проставляю тоже, а вы смотрите как будет удобнее в вам.
Итак, получив результат ошибок не пугайтесь, большинство ошибок исправляется на раз-два. Вот пример некоторых ошибок, исправив которые, вы снимите скорее всего 70-90% от общего числа.
1. теги html следует писать маленькими буквами, знаю, что некоторые редакторы по умолчанию вставляют теги большими буквами (Edit+ точно это делает);
2. теги, которые не имеют закрывающего, например br, img, hr и т.д. следуют писать следующим образом <br />, <img />, <hr />;
3. тег img обязательно должен содержать атрибут alt и даже если вы не знаете, что туда писать оставьте его пустым alt=””;
4. все параметры тегов заключаются в двойные или одинарные кавычки, например width=”88” height=”31” border=”0”
Остальные ошибки думаю исправите сами, не получится пишите через форму обратной связи и я постараюсь помочь -)
В тексте сказано как устранить How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the