Ошибки в валидности HTML и CSS

kotenok · 10.06.2010

Прошу помощи .
У меня сделан сайт.

При индексации сайта обнаружились ошибки в валидности HTML и CSS .
А как исправить ошибки я незнаю ???

Обьясните пожалуйста.Зарание благодарна за ответ.

Показатели сайта:
Яндекс тИЦ (CY) 0 Alexa Rank 0
Google PageRank (PR) Не присвоен
Сохранить значения
Внешние ссылки: Проиндексированные страницы:
Яндекс (упоминания) 5 Яндекс 0
Google 0 Google / % страниц не под фильтрами 0 / 0 %
Рамблер 0 Рамблер 1
Bing (упоминания) 0 Bing 0
Yahoo 0 Yahoo 0
AltaVista 0 AltaVista 0
Проверка наличия в каталогах: Проиндексированные изображения:
Яндекс Каталог Нет Яндекс картинки 0
DMOZ.org Нет Google картинки 0
Ссылки с форумов и блогов: Социальные закладки:
Ссылки с форумов и блогов от Яндекс 2 Digg 0
Ссылки с блогов от Google 0 delicious 0
Другое:
Упоминания в Ответы@Mail.Ru 0 Проверка валидности HTML К сожалению, мы обнаружили 79 ошибок
Twitter 0 Проверка валидности CSS К сожалению, мы обнаружили 34 ошибок

---------------------------------------------
23 label Ошибка значения : cursor hand не является значением cursor : hand hand
129 .commReg Ошибка значения : padding только 0 может быть length. Вы должны указать после числа единицы измерения : 10 0 10 0 10 0 10 0

Вот более подробно.

W3C результаты проверки CSS для сайта ................ (CSS2.1)
К сожалению, мы обнаружили следующие ошибки (34)
URI :
23 label Ошибка значения : cursor hand не является значением cursor : hand hand
129 .commReg Ошибка значения : padding только 0 может быть length. Вы должны указать после числа единицы измерения : 10 0 10 0 10 0 10 0
URI :
10 .u-menuvitem Свойство zoom не существует : 1 1
38 .x-unselectable Свойство -moz-user-select не существует : -moz-none -moz-none
39 .x-selectable Свойство -moz-user-select не существует : text text
61 .xw-hdr Свойство zoom не существует : 1 1
74 .xw-dragging .xw-tl Свойство opacity не существует в CSS2.1, но существует в : 0.7 0.7
74 .xw-dragging .xw-tl Ошибка разбора Opacity='70')
75 .xw-tc Свойство zoom не существует : 1 1
76 .xw-tl Свойство zoom не существует : 1 1
77 .xw-tr Свойство zoom не существует : 1 1
78 .xw-bc Свойство zoom не существует : 1 1
79 .xw-bcm Свойство zoom не существует : 1 1
80 .xw-bc .xw-footer Свойство zoom не существует : 1 1
81 .xw-bcm .xw-footer Свойство zoom не существует : 1 1
82 .xw-bl Свойство zoom не существует : 1 1
83 .xw-br Свойство zoom не существует : 1 1
84 .xw-mc Свойство zoom не существует : 1 1
85 .xw-ml Свойство zoom не существует : 1 1
86 .xw-mr Свойство zoom не существует : 1 1
93 .xw-blank Свойство opacity не существует в CSS2.1, но существует в : 0.4 0.4
93 .xw-blank Ошибка разбора Opacity='40')
95 .myWinGrid Свойство opacity не существует в CSS2.1, но существует в : 0.25 0.25
95 .myWinGrid Ошибка разбора opacity=25)
101 .myWinCont Свойство -moz-user-select не существует : text text
174 .u-tabc-tab Свойство zoom не существует : 1 1
182 .u-tabc-label Свойство font-size-adjust не существует в CSS2.1, но существует в : none none
182 .u-tabc-label Свойство font-stretch не существует в CSS2.1, но существует в : normal normal
189 .u-tabc-content Свойство -moz-user-select не существует : text text
197 Псевдоэлемент ::-moz-focus-inner не может появляться в css21 [-moz-focus-inner]
215 #gcatalog .gitem Свойство -moz-border-radius не существует : 3px 3px
215 #gcatalog .gitem Свойство -webkit-border-radius не существует : 3px 3px
221 #gcats Свойство overflow-x не существует в CSS2.1, но существует в : hidden hidden
221 #gcats Свойство overflow-y не существует в CSS2.1, но существует в : scroll scroll

ПОЖАЛУЙСТА ПОМОГИТЕ !!!!!!!!!

Creator · 11.06.2010

Ссылочку на сайт предоставьте, пожалуйста)

kotenok · 11.06.2010

http://oriflameyspex.ucoz.ru/

Вот ссылка на мой сайт.

Serg@NT · 11.06.2010

Ну, для начала, у вас какой-то непонятный стиль и скрипт до тега <head>, ещё и закрывающие теги </td></tr></table></div>. Хотя, подозреваю, что это реклама юкоза, но, всё-таки, закрывающие теги без открывающих лучше убрать, а скрипт и стили засунуть внутрь тега <head>.

Это для начала. А потом лучше определить DOCTYPE в самом верху, например, как тут (см. исходный код этой страницы):

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(правда, лучше указать вместо strict Transitional)

После этого использовать нормальный валидатор http://validator.w3.org/ Там всё чётко и подробно, правда, по английски.

kotenok · 11.06.2010

Serg@NT спасибо за ответ.Буду пытаться разобраться.

Жаль что нормальный валидатор пишет на английском.
Что делать с красны кругом ? И что обозначает желтый треугольник с восклицательным знаком.Если нетрудно напишите хоть пару слов об этом. А где нибудь можно перевести ,что там написано?
Я так понимаю красный круг -что то надо удалить.Только что ? А желтый треуголник -обратите внимание.Только на что ?

Зарание благодарна за ответ.

Serg@NT · 11.06.2010

Вообще, символы - стандартные. Такие же, как в сообщениях windows.

Красный круг - ошибка. Например:

Line 2, Column 1: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>"

Строка 2, символ 1: То, о чём я вам говорил. Надо объявить DOCTYPE.

Жёлтый треугольник - предупреждение. Например:

Line 7, Column 83: NET-enabling start-tag requires SHORTTAG YES

Строка 7, символ 83. В новом формате разметки необходимо, чтобы каждый открывающийся тег имел свой закрывающийся, либо оканчивался на />

Следующая ошибка - то же самое. Теги META должны оканчиваться на />

Перевод всего этого. Не фонтан, конечно, но, в принципе, понятно должно быть.

tigra60 · 11.06.2010

Буду пытаться разобраться.

Не огорчайтесь, если не получится. Для этого нужно не только хорошо знать HTML, но и работу валидатора.
Обязательно укажите доктайп, как вам Сергей сказал в 4-м посте. Некоторые ошибки уйдут, появятся новые. Зато можно будет Вам дать практические рекомендации, как сделать код более ли менее валидным.
Так что, ждем-с доктайпа!

kotenok · 14.06.2010

Serg@NT,Tigra60 спасибо вам большое за помощь!
Я все сделала через http://validator.w3.org/ и исправила все ошибки,теперь у меня появляется только 2 ошибки,но я не знаю как их исправить( Помогите,пожалуйста!Заранее огромное спасибо)
Вот они:
Unable to Determine Parse Mode!
The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because:
the MIME Media Type (text/html) can be used for XML or SGML document types
No known Document Type could be detected
No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document.
No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document.
As a default, the validator is falling back to SGML mode.

Validation Output: 2 Errors
Line 2, Column 16: digit invalid: only delimiter ">", delimiter "[", "PUBLIC", "SYSTEM" and parameter separators are allowed
<!DOCTYPE HTML 4.01 Transitional>

Line 2, Column 16: cannot continue because of previous errors
<!DOCTYPE HTML 4.01 Transitional>

Ниже русская версия))
Невозможно определить Parse режиме!
Валидатор может обрабатывать документы, либо в виде XML (для типов документов, таких как XHTML, SVG и т.д.) или SGML (для HTML 4.01 и предыдущие версии). Для целей настоящего документа, информации было недостаточно, чтобы определить режим разбора однозначно, потому что:
MIME тип носителя (текст / HTML) могут быть использованы для XML и SGML типов документов
Ни одна из известных типов документов может быть обнаружена
Нет декларации XML (например, <? XML-версия = "1.0"?>) может быть найдено в начале этого документа.
Нет имен XML (например, <html xml:lang="en"> xmlns="http://www.w3.org/1999/xhtml") можно найти в корневом каталоге этого документа.
По умолчанию, валидатор падает обратно в режим SGML.

Проверка Вывод: 2 Ошибки
Линия 2, столбец 16: цифры недействительными: только разделитель ">" разделитель "[", "общественный", "SYSTEM" и параметров сепараторов позволило
<! DOCTYPE HTML 40,01 переходного>

Линия 2, столбец 16: не может продолжаться из-за ошибки предыдущего
<! DOCTYPE HTML 40,01 переходного>

Serg@NT · 15.06.2010

Ну, я ж вам привёл выше правильный пример объявления DOCTYPE

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Зачем вы его сократили до <!DOCTYPE HTML 4.01 Transitional> ? На это и ругается.

kotenok · 15.06.2010

Serg@NT спасибо за ответ!!!
Теперь когда я все исправила -мой сайт попадет в поисковик? Или Снова надо регистрировать в поисковик ?
Регестрацию в поисковик я сделала(делала сама ) 2 апреля в Яндекс, Rambler, Апорт, Google, gogo, Webalta, Nigma.ru ,Tyrtle .
До сих пор от них -Не ответа ,ни привета.

Скажите пожалуйста .Что делать ????
Мог ли из за ошибок в валидности HTML и CSS мой сайт не попасть в поисковик ??? Почему до сих пор мой сайт не в поисковике ???
Зарание благодарна за ответ.

Serg@NT · 15.06.2010

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

kotenok · 15.06.2010

Serg@NT,я не понимаю как для своего сайта поставить DOCTYPE! :blush: :blush: :blush:
помогите,пожалуйста!!!

Serg@NT · 15.06.2010

kotenok сказал(а):
Serg@NT,я не понимаю как для своего сайта поставить DOCTYPE! :blush: :blush: :blush:
помогите,пожалуйста!!!

В каком смысле, как? Добавляете в самый верх каждого файла, который у вас есть. Только в самое-самое начало.

kotenok · 28.06.2010

Serg@NT,
я имею ввиду,как и где узнать DOCTYPE на мой сайт?
я так понимаю,до этого вы дали мне пример DOCTYPE на свой сайт..а для моего как узнать?)
заранее огромное спасибо.Я просто в этом совсем ничего не смыслю.

tigra60 · 28.06.2010

DOCTYPE указывается не на сайт, а на язык программирования, вернее, на диалект HTML.
Проще всего (меньше всего требований валидности) указать HTML-4 переходной.
Первой строчкой Вашего HTML кода укажите:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Далее будет:

Код:

<html>
<head>
... и так далее

Удачи!

kotenok · 29.06.2010

tigra60,спасибо большое!я все поставила!
только вот еще одна проблемка...у меня до этого были ошибки,я их все исправила и осталось только 2,как раз насчет doctype,а щас опять ошибки и уже в 2 раза больше((((

tigra60 · 29.06.2010

Зато теперь можно проанализировать ошибки и что-нибудь посоветовать:
1. А Вы посмотрите исходный код своего сайта в браузере (в Опере, например, для этого нужно нажать Ctrl-U).
У Вас большой блок кода находится перед объявлением DOCTYPE, <html> и пр..
Если это Ваш Юкоз так вставляет свою рекламу, оторвите хвост администрации.
2. В этой строке:

Код:

<META name=robots content= ”all”>

какие-то странные кавычки - поставьте нормальные. А robots, кстати, тоже должно быть в кавычках!!!
3. Вот эта загадочная строка:

Код:

<font face="Georgia" font color="#FF0099"style="font-size:12pt">

нет слов :blink: просто используйте стили. Забудьте про элемент FONT, считайте, что его нет и никогда не было!!!
4. Вот такие вот конструкции среди кода:

Код:

<script type="text/javascript">document.write(...

это большое зло и так делать нельзя. Почему - тема для целой статьи (в крайнем случае - отдельного поста, а у меня и так материала много).
5. Значения атрибутов обязательно пишутся в кавычках:

Код:

<FONT color=#000000> - неправильно
<FONT color="#000000"> - правильно

кстати, опять FONT :angry:
6. Если даже абстрагироваться от п. 1, у Вас получается веселенькая структура документа:

Код:

<html>
<head>
...
<body> // прошу заметить - head не закрыт!!!
...
...
<link type="text/css" rel="StyleSheet" href="http://s33.ucoz.net/src/layer1.css" />
<script type="text/javascript" src="http://s33.ucoz.net/src/u.js"></script>
<style type="text/css">.UhideBlock {display:none}</style>
</head> 
</body>
</html>

Вот этот фрагмент:

Код:

<link type="text/css" rel="StyleSheet" href="http://s33.ucoz.net/src/layer1.css" />
<script type="text/javascript" src="http://s33.ucoz.net/src/u.js"></script>
<style type="text/css">.UhideBlock {display:none}</style>
</head>

должен быть до тега BODY

В общем, попытайтесь это все исправить - ошибок поубавиться.
Удачи!

witek · 24.10.2010

Прошу помощи по исправлению ошибок http://validator.w3.org/check?uri=http://www.dwa.su/&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&group=0&No200=1&verbose=1&st=1&user-agent=W3C_Validator/1.1
Как я понял документ в котором править это footer.tpl вот его код подскажите я уже голову сломал

Код:

	</div>

<!-- Right -->
			<div id="right_column" class="column">
				{$HOOK_RIGHT_COLUMN}
			</div>

<!-- Footer -->
<br />
			<div id="footer">{$HOOK_FOOTER}</div>
<div><table cellpadding="0" cellspacing="0" width="1000" height = "65" background="{$img_dir}/footer.png">
<tr>
<td width="980" height="65">
<br />


<!-- E 'vietato modificare le seguenti righe -->
<a href="http://www.clickok.ru"></a><img src="{$img_dir}/clickok.gif" alt="webstudio"/>
<a href="http://www.webmoney.ru/rus/index.shtml"></a><img src="{$img_dir}/webmoney.gif" alt="webmoney" />
<a href="https://passport.webmoney.ru/asp/certView.asp?wmid=217453057007"></a><img src="{$img_dir}/attestat.gif" alt="webmoney_attestat" />
<a href="http://yandex.ru/cy?base=0&amp;host=www.dwa.su/"></a><img src="http://www.yandex.ru/cycounter?www.dwa.su/" alt="yandex" />
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2309143"></script>
<noscript><p><em>
<a href="http://top100.rambler.ru/navi/2309143/">
<img src="http://counter.rambler.ru/top100.cnt?2309143" alt="rambler's top100" border="0" />
</a></em></p>
</noscript>
<!-- end of Top100 code -->
</td></tr>
</table>
</div>
</div>
</body>
</html>

Извините ошибся с кодом правильный

Код:

	</div>

<!-- Right -->
			<div id="right_column" class="column">
				{$HOOK_RIGHT_COLUMN}
			</div>

<!-- Footer -->
<br />
			<div id="footer">{$HOOK_FOOTER}</div>
<div><table cellpadding="0" cellspacing="0" width="1000" height = "65" background="{$img_dir}/footer.png">
<tr>
<td width="980" height="65">
<br />


<!-- E 'vietato modificare le seguenti righe -->
<a href="http://www.clickok.ru">
<img src="{$img_dir}/clickok.gif" alt="webstudio"/>
</a>
<a href="http://www.webmoney.ru/rus/index.shtml">
<img src="{$img_dir}/webmoney.gif" alt="webmoney" />
</a>
<a href="https://passport.webmoney.ru/asp/certView.asp?wmid=217453057007">
<img src="{$img_dir}/attestat.gif" alt="webmoney_attestat" />
<a href="http://yandex.ru/cy?base=0&amp;host=www.dwa.su/"></a><img src="http://www.yandex.ru/cycounter?www.dwa.su/" alt="yandex" />
</a>
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2309143"></script>
<noscript><p><em>
<a href="http://top100.rambler.ru/navi/2309143/">
<img src="http://counter.rambler.ru/top100.cnt?2309143" alt="rambler's top100" border="0" />
</a></em></p>
</noscript>
<!-- end of Top100 code -->
</td></tr>
</table>
</div>
</div>
</body>
</html>

marker · 24.10.2010

witek, бывает же такое

105

Код:

<li><a href="/" target="_self" title="Главная">Главная</a></li>

вообще странно что ему не нравиться, можете убрать target="_self" он стоит по умолчанию _self

502

Код:

<div><table cellpadding="0" cellspacing="0" width:1000px height:65px background-image:url"/themes/black/img//footer.png">

заменить на

Код:

<div><table cellpadding="0" cellspacing="0" style="width:1000px;height:65px;background-image:url('/themes/black/img//footer.png');">

504

Код:

<td width:980px height:65px>

заменить на

Код:

<td style="width:980px;height:65px;">

Ошибок больше нет. Не забываем благодарить, ставить + снизу справа сообщения.

witek · 24.10.2010

marker сказал(а):
witek, бывает же такое

105

Код:

<li><a href="/" target="_self" title="Главная">Главная</a></li>

вообще странно что ему не нравиться, можете убрать target="_self" он стоит по умолчанию _self

502

Код:

<div><table cellpadding="0" cellspacing="0" width:1000px height:65px background-image:url"/themes/black/img//footer.png">

заменить на

Код:

<div><table cellpadding="0" cellspacing="0" style="width:1000px;height:65px;background-image:url('/themes/black/img//footer.png');">

504

Код:

<td width:980px height:65px>

заменить на

Код:

<td style="width:980px;height:65px;">

Ошибок больше нет. Не забываем благодарить, ставить + снизу справа сообщения.

Большоё спасибоТолько осталась ещё 1 ошибка если нетрудно подскажите ещё раз http://validator.w3.org/check?uri=http://www.dwa.su/&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&group=0&No200=1&verbose=1&st=1&user-agent=W3C_Validator/1.1#line-105

Ошибки в валидности HTML и CSS

Member

Administrator

Member

Well-Known Member

Member

Well-Known Member

Спасатель

Member

Well-Known Member

Member

Well-Known Member

Member

Well-Known Member

Member

Спасатель

Member

Спасатель

Member

Well-Known Member

Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей