Валидность 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”

Остальные ошибки думаю исправите сами, не получится пишите через форму обратной связи и я постараюсь помочь -)

 

КОММЕНТАРИИ

Обязательные поля для заполнения *
Ваше имя*
Адрес электронной почты (не публикуется на сайте)
Текст комментария*


(Комментарии на сайте публикуются только после модерации)
Комментарии посетителей сайта
Александр 24.11.2016 22:56
не поможете мс ошибками по валидации сайт alunis.ru
Дмитрий 30.06.2015 22:53
Подскажите как найти те файлы сайта в которых валидатор указывает ошибки.
Дмитрий 29.08.2014 20:22
Здравствуйте помогите исправить ошибки 17.page-list-ext Ошибка разбора *zoo: 18page-list-ext Ошибка разбора } Спасибо.
Александр 20.05.2014 16:45
Добрый день. Прошу помощи, подскажите пожалуйста... The font element is obsolete. Use CSS instead. <br> <br> <FONT COLOR=#7e6de9> <div align="center"><FONT size="+1"> <b><em> Что значит устаревший элемент? Выделяет закрывающую скобку после номера цвета
Иван 16.02.2014 11:13
Здравствуйте! <table cellspacing="0" cellpadding="0" border="0" width="100%" height="260px" background="pic/top_bg.jpg" style="background-repeat:repeat-x"> Выделяет красным кавычки и пишет следующее: You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. 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 <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. Подскажите пожалуйста, как устранить?
Анатолий | 16 Февраля 2014
В тексте сказано как устранить 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 element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Галя 04.02.2014 00:45
Валидатору не понравился скрипт: "Line 105, Column 67: character "[" is not allowed in the value of attribute "rel" …ref="images/big1.jpg" rel="prettyPhoto[gallery]" title="алмазная резка"><img w… ✉ It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit." Перевод я почитала, но так как чайник ответа, как переделать не нашла, Вы можете помочь?
Никита 27.10.2013 13:26
Анатолий, здравствуйте. Спасибо за интересную статью, давно хотел проверить сайт на ошибки. Однако при вводе url, у меня по аналогии со Светланой выдает следующую ошибку. Sorry! This document cannot be checked. A fatal error occurred when attempting to decode response body from .... Either we do not support the content encoding specified ("none"), or an error occurred while decoding it. The error was: Don't know how to decode Content-Encoding 'none' Прошу Вас помочь. Сайт: pupsomir.ru
Анатолий | 27 Октября 2013
Добрый день, Никита! Да, с недавнего времени данный сервис стал предлагать услуги в платном режиме. У Светланы получалось проверить, но периодически попадала на эту ошибку. Поэтому придется или искать альтернативные валидаторы или платить или пытаться проскочить через них бесплатно -) (месяц назад они в ограниченном режиме давали бесплатно проверить сайт)
Светлана 02.10.2013 08:34
Здравствуйте! А у меня валидатор не может проверить сайт и пишет: Sorry! This document cannot be checked. A fatal error occurred when attempting to decode response body from .... Either we do not support the content encoding specified ("none"), or an error occurred while decoding it. The error was: Don't know how to decode Content-Encoding 'none' Что в таком случае нужно делать?
Анатолий | 2 Октября 2013
Светлана, через форму обратной связи отправьте мне ссылку на ваш сайт, посомтрим
Саша 25.09.2013 10:37
Код: <p><a class="jcepopup noicon" title="Ремонт туалета" type="image" href="images/slstualet/remont-tualeta-105.jpg" target="_blank"><img style="margin: 0px 4px;" src="images/slstualet/remont-tualeta-105-m.jpg" alt="Ремонт туалета" /></a> Ошибка: Line 204, Column 133: Bad value image for attribute type on element a: Subtype missing. …ont-tualeta-105.jpg" target="_blank"><img style="margin: 0px 4px;" src="/ima… Подчеркивает закрытие после blank?
Денис 31.05.2013 13:37
Здравствуйте! Подскажите пожалуйста, как исправить это 5 ошибок? 1.Bad value #overlay for attribute rel on element a: The string #overlay is not a registered keyword or absolute URL. …="zakaz" href="contact.html" rel="#overlay"><button type="button"></button></a> 2.The element button must not appear as a descendant of the a element. …="zakaz" href="contact.html" rel="#overlay"><button type="button"></button></a> 3.Bad value #overlay for attribute rel on element a: The string #overlay is not a registered keyword or absolute URL. …ation.com/contact.html" rel="#overlay"> <button><span style="text-decoration: … 4.The element button must not appear as a descendant of the a element. …/contact.html" rel="#overlay"> <button><span style="text-decoration: underline… 5.Bad value #overlay2 for attribute rel on element a: The string #overlay2 is not a registered keyword or absolute URL. …a href="contact2.html" rel="#overlay2"><img alt="zakazati" src="/templates/mos… Элемент (rel="#overlay") нужен. Он вызывает появляющуюся форму обратной связи.
Анатолий | 31 Мая 2013
у rel стандартизированы в html5 другие атрибуты, поэтому никак. Или переписывайте скрипты или не обращайте внимание.
Дарья 29.05.2013 12:01
Спасибо за возможность обращения с проблемами:( сайт: Валидатор выдаёт следующие ошибки (это галерея и ошибки повторяются, поэтому пишу по одной строке): 1. Line 116, Column 116: Bad value block1 for attribute rel on element a: The string block1 is not a registered keyword or absolute URL. …e="Галерея фотографий дизайна квартир"><img src="images/page2_pic1.jpg" alt="ф… Syntax of link type valid for <a> and <area>: A whitespace-separated list of link types, with no duplicate keywords in the list. Each link type must be listed as allowed on <a> and <area> in the HTML specification, or must be listed as allowed on <a> and <area> on the Microformats wiki, or must be an absolute URL. You can register link types on the Microformats wiki yourself. 2. Line 118, Column 33: Element map is missing required attribute name. <div style="display: none;"><map> Attributes for element map: Global attributes name Пожалуйста помогите разобраться.
Анатолий | 29 Мая 2013
Написал на почту
Александр 16.05.2013 06:37
Добрый день! Я тоже не могу разобраться где мне искать те файлы, где указываются ошибки, помогите пожалуйста.
Анатолий | 16 Мая 2013
пишите через форму обратной связи с указанием урл сайта.
Никита 07.04.2013 20:07
Я наоборот, хочу во всем сам разобраться, только подскажите, через какую программу и как открыть код так, чтобы он соответствовал указателям любого сайта проверки валидности, то есть Line 337, Column 6, например. Заранее спасибо=)
Анатолий | 7 Апреля 2013
не совсем понял вопроса. Исходный код выводимой страницы можно посмотреть в любом браузере, а насчет соответствия любого сайта проверки валидности, думаю, это ошибка. Лучше ориентироваться на тех, кто задает стандарты, потому что определение "любого сайта проверки валидности" изначально подразумевает,ч то таких стандартов может быть много или в самописных системах возможны ошибки.
Никита 12.11.2012 03:17
Здравствуйте, помогите пожалуйста разобраться как исправить эту прорву ошибок (478). Я, мягко говоря, не программист, отчего и не понимаю где мне исправлять эти ошибки, именно где, то есть №строки и "колонки мне не говорят ничего. Я так понимаю, что многие ошибки находятся в плагинах, так как большая их часть появилась именно после их установки. Помогите, пожалуйста. Сайт mandarin.com.ru Заранее спасибо
Анатолий | 12 Ноября 2012
Добрый день! Я готов помогать, но не делать просто за кого-то работу. Посмотрел на ошибки, про часть написал я, исправьте хотя бы часть ошибок и приходите с теми, по которым не смогли найти информацию в интернете.
Анатолий 02.11.2012 20:36
Здравствуйте. Прочитал Вашу статью. Я не специалист в програмировании. Подскажите как найти те файлы сайта в которых валидатор указывает ошибки. спасибо
Анатолий | 2 Ноября 2012
Ответил на почту
Анатолий 30.10.2012 16:20
Здравствуйте. прочитал Вашу статью исправление ошибок валидности. Скажите, в каком файле сайта нужно исправлять ошибки валидности. Я не специалист в HTML но мне хотелось бы научиться исправлять ошибки. Спасибо.
Анатолий | 30 Октября 2012
Добрый день! Исправлять надо в том файле, в котором содержаться исходные тексты. Все зависит от конкретного сайта, иногда это одна статичная страничка, иногда это страничка, которая для пользователей отображается как одна, а на самом деле составляется из многих других. Поэтому надо разбирать каждый конкретный случай.
Татьяна 21.10.2012 00:28
Помогите мне разобраться, при проверке валидности выдает ошибку:Документ не соответствует спецификациям.Затем:Строка 11, колонка 262: Не могу создать системную метку для общего элемента "amp" Строка 11, колонка 425: Не могу создать системную метку для общего элемента "raquo" Строка 279, колонка 116: Не могу создать системную метку для общего элемента "nbsp" Затем:15 1 Ошибка: Внутренняя или внешняя часть в указании типа документа отсутствует, проверка не возможна Место ошибки: <!DOCTYPE html> , и еще 6 ошибок. Сама не могу разобраться, причем это произошло недавно. С уважением Татьяна
Анатолий | 21 Октября 2012
Добрый день, Татьяна. Я готов помочь, но не знаю адреса сайта, а Вы забыли его указать.
Сергей 14.07.2012 17:30
Здравствуйте! Чищу, чищу и накак. Prom-clean.ru . Валидность passed , но пишет все равно, что что то не так. Спасибо.
Aliquam 06.06.2012 18:13
Дмитрий, у вас элементы с одними и тем же id, поменяйте на class в html и в css соответственно. евгений, у вас style пуст. Лика, это не возможно, перепроверьте всё. Григор, попробуйте закрыть тег img, так <img src="/modules/mod_virtuemart_login/lost_username_bg.png" border="0" />
Григор 24.04.2012 00:09
День добрый. Помогите разобраться с тем, что делать с результатом. Вот мне выдало 58 ошибок. у какждой из них есть лайн и колумн. Вот какданные из это программы спроицировать на сайт? т.Е. по сути лайн и колумн это координаты ошибки,вот напримере одной из них,как мне найти конкретную ошибку ine 361, column 148: end tag for "img" omitted, but OMITTAG NO was specified …ля ?"><img src="/modules/mod_virtuemart_login/lost_username_bg.png" border="0">
Дмитрий 22.02.2012 13:05
Здравствуйте. вот у меня 30 ошибок html. Как иправить вот эту ошибку: Line 492, column 51: ID "usr" already defined <div style="width: 25%; float: left;" id="usr"> Line 494, column 51: ID "usr" already defined <div style="width: 25%; float: left;" id="usr"> Line 496, column 51: ID "usr" already defined <div style="width: 25%; float: left;" id="usr"> Спасибо.
Анатолий | 22 Февраля 2012
Напишите мне через форму обратной связи с указанием урла страницы, я попробую помочь.
Евгений 03.01.2012 01:02
здраствуйте помогите пожалуйста валидатор выдает вот такую ошибку не могу понять в чем она заключается X is not a member of a group specified for any attribute &#9993; Line 40, column 16: "style" is not a member of a group specified for any attribute <td style width = "90%" valign = "top" >
Анатолий | 3 Января 2012
Желательно оставлять свой контактный адрес, потому что разбор ошибок легче делать, когда видна вся картина, т.е. необходим урл страницы.
Лика 17.04.2011 15:51
Статья полезная, но у меня вопрос, а как быть, если выданные валидатором при проверке ошибки не существуют на сайте, имею ввиду, что выдается ошибка, а на самом деле код правильный...Как быть, что делать...
Анатолий | 17 Апреля 2011
Если не сложно, свяжитесь со мной через форму обратной связи и укажите урл страницы, я попробую помочь. Спасибо.