Валидный код страницы сайта на UCOZ

Инструкции

x;z-index:1 }

Валидный код страницы сайта на UCOZ

оценка: 4.7 из 5

оценок: 24, отзывов: 48

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

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

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

Для начала, составим основную структуру страницы. Мы будем работать с переходным типом верстки HTML 4.01. Для других типов верстки изучайте их стандарты. для переходного HTML 4.01 структура должна выглядеть так:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>...</title>
    <meta ...>
    <link ...>
    <script ...></script>
    <style type="text/css">
      ...
    </style>
  </head>
  <body>
    ...
  </body>
</html>

Это основной каркас валидного кода страницы. Порядок и вложенность нарушаться не должны.

Теперь небольшой трюк для сайтов, которые пользуются системой управления от UCOZ. Эта система самостоятельно добавляет в код много лишнего, поэтому будем с ними бороться. Для начала нужно скрыть от системы тег <HEAD> и </title>. Система UCOZ ищет этот тег в коде и добавляет перед ним небольшой код следующего вида:

Code

Домен в коде может немного отличаться. Это невалидная структура, но, то что добавляет UCOZ нужно. Это стили и скрипты для полноценной работы системы. Поэтому переписываем части этого кода в нашу структуру. А чтобы UCOZ не добавлял этот код самостоятельно, вместо <head> пишем <h<?'ea'?>d> а вместо </title> пишем </t<?'it'?>le>. Такой подход вводит систему в заблуждение, что этих тегов нет, а в реальности, после обработки, система UCOZ выдаст нормальный код.

Также придется отказаться от некоторых возможностей системы UCOZ. Например, модуль "Опросы". В эом модуле принудительно использован невалидный код. Некоторые функции с невалидным кодом можно переписать, и сделать код валидным. Возьмем "Поиск". Устанавливаем код, Обновляем страницу и смотрим на страницу в виде HTML. Находим в текте программы блок, где установлен этот поиск, копируем его код и вставляем в исходник страницы вместо кода поиска. Остается только подредактировать полученный код, и можно его использовать.

Основные правила, которые нужно соблюдать при верстке страницы:

Не используйте стандартное меню. Лучше впишите его в какой нибудь глобальный блок. Код меню желательно делать в виде списка при помощи тегов <ul> или <ol> и пунктов <li>.
Используйте правильную вложенность контейнеров страницы. В inline (строковые) контейнеры никогда нельзя вставлять block (блочные) контейнеры. А блочные контейнеры могут содержать в себе другие блочные и строковые контейнеры. Для примера: <span><div>...</div></span> - неправильно, <div><div>...</div><span>...</span></div> - правильно.
Все парные теги должны закрываться структурно, согласно вложенности. Пример: <div><span>...</div></span> - неправильно, <div><span>...</span></div> - правильно.
У всех изображений без исключения должно быть задано свойство ALT. <img src="..."> - неправильно, <img src="..." alt="Pic 1"> - правильно.
У всех форм (<form>) должно быть прописано свойство ACTION. Если для работы формы используется скрипт, и никакая другая страница не обрабатывает передаваемые данные, то нужно писать action="".
Все теги <script>, <style> и <link> должны иметь свойство TYPE. Например, <script type="text/javascript"> или <style type="text/css">.
Нельзя пользоваться в ссылках символом амперсанда (&). Он успешно заменяется специальным символом &. Пример: http://szenprogs.ru?a=1&b=2 - неправильно, http://szenprogs.ru?a=1&b=2 - правильно.
Никогда не пользуйтесь неофициальным тегом <NOINDEX>. Если уж точно нужно закрыть ссылку, то вместо <noscript><a href="...">...</a></noscript> нужно использовать <a href="javascript://" onclick="window.open('...')">...</a>.
Для закрытия ссылок от Google можно использовать свойство ссылки rel="nofollow". Например: <a href="..." rel="nofollow">. Хотя факт того, что это свойство действительно закрывает ссылку от Google еще не доказан.
Все парные теги должны быть закрыты.

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

Как только ваша страница станет полностью валидной, вы сможете с чистой совестью поставить на свой сайт кнопку от w3.org и с гордостью сказать: "Мой сайт валиден!".

Удачи всем.

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.

x;z-index:1 }

Google+

Валидный код страницы сайта на UCOZ
Инструкции
Скрипты, инструкции, справочники

Категория:	Инструкции
Просмотрено:	29027
Рейтинг:	4.7/24
Дата добавления:	2009-06-09 12:39, Вторник
Добавил:	Szen
Теги:	валидный, W3, код, ucoz

Опечатка

Дополнительно к Валидный код страницы сайта на UCOZ

Мини-форум

1-10 11-20 21-30 31-40 41-48

№ 0	2009-06-09 12:39
Szen	Здесь вы можете задать вопрос или оставить комментарий по теме "Валидный код страницы сайта на UCOZ".
	Цитата Гость

Порядок вывода комментариев:

№ 1	2009-06-09 22:38
ooster	спс! ща будет исправлять
	ya ndex

№ 2	2009-06-10 07:03
Szen	Кстати, с UCOZ есть одна нерешаемая проблема - это смайлы. В свойствах изображения смайлов система UCOZ проставляет по умолчанию align="absmiddle". Такого значения этого свойства быть не может, поэтому это является ошибкой. Если кто-либо смог с этим разобраться, то прошу рассказать об этом методе.
	Szen · WWW

№ 3	2009-07-28 02:22
ANED	Спасибо очень помогло!!!! Если кто знает какой <!doctype> мне надо использовать(мой сайт www.aned.at.ua я использую XHTML 1.0 потому что он самый старый и провереный) то прошу расказать мыло:anedukraine@gmail.com
	Анатолий Кошлаков · WWW

№ 4	2009-07-30 20:49
Szen	ANED, читайте сдесь: http://szenprogs.ru/blog/2009-07-28-61
	Szen · WWW

№ 5	2009-07-31 18:38
ooster	Szen, за сколько денег вы готовы помочь бедному студенту с валидностью ? бюджет правда небольшой (основная часть ушла на домен)
	ya ndex

№ 6	2009-09-22 16:46
galikup	Здравствуйте! Ув. Szen сколько стоит такое удовольствие, как исправить валидность? Мой сайт http://softvay.ru/ Жду вашего ответа. Заранее спасибо e-mail: irigali@mail.ru
	Galina

№ 7	2009-10-04 13:20
XxRaviLxX	Честно ничего не понил, хотя очень интересно. …css" rel="StyleSheet" href="/.s/src/css/811.css" /> что выделенно красным удалять?
	XxRaviLxX · WWW

№ 8	2009-10-04 14:21
Szen	XxRaviLxX, да!
	Szen · WWW

№ 9	2009-11-15 00:45
ANED	Ем)спс))я почитал , понял , установил всё работает...появилась еще 1 проблема...точнее она была но я не обращал на неё внимание....обман юкоза действует но частично...layer 5 и layer 4 пролазят((( как боротся я не наю(почти всё попробовал...
	Анатолий Кошлаков · WWW