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

Инструкции

Рисунок Валидный код страницы сайта на UCOZ
Валидный код страницы сайта на UCOZ Валидный код страницы сайта на UCOZ
оценка: 4.9 из 5
оценок: 23, отзывов: 48
Valid HTML 4.01 Transitional

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

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

Я готов утверждать, что даже на 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
<link type="text/css" rel="StyleSheet" href="http://s27.ucoz.net/src/layer2.css" /><script type="text/javascript" src="http://s27.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlockL {display:none}</style>

Домен в коде может немного отличаться. Это невалидная структура, но, то что добавляет 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">.
  • Нельзя пользоваться в ссылках символом амперсанда (&). Он успешно заменяется специальным символом &amp;. Пример: http://szenprogs.ru?a=1&b=2 - неправильно, http://szenprogs.ru?a=1&amp;b=2 - правильно.
  • Никогда не пользуйтесь неофициальным тегом <NOINDEX>. Если уж точно нужно закрыть ссылку, то вместо <noscript><a href="...">...</a></noscript> нужно использовать <a href="javascript://" onclick="window.open('...')">...</a>.
  • Для закрытия ссылок от Google можно использовать свойство ссылки rel="nofollow". Например: <a href="..." rel="nofollow">. Хотя факт того, что это свойство действительно закрывает ссылку от Google еще не доказан.
  • Все парные теги должны быть закрыты.

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



URL страницы:


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

Удачи всем.

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




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

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

Мини-форум

№ 02009-06-09 12:39
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Валидный код страницы сайта на UCOZ".
Гость
№ 1
2009-06-09 22:38
ooster
Аватар участника ooster
спс! ща будет исправлять smile
ya ndex
№ 2
2009-06-10 07:03
Szen
Аватар участника Szen
Кстати, с UCOZ есть одна нерешаемая проблема - это смайлы. В свойствах изображения смайлов система UCOZ проставляет по умолчанию align="absmiddle". Такого значения этого свойства быть не может, поэтому это является ошибкой.

Если кто-либо смог с этим разобраться, то прошу рассказать об этом методе.

Szen · WWW
№ 3
2009-07-28 02:22
ANED
Аватар участника ANED
Спасибо очень помогло!!!! happy happy happy happy
Если кто знает какой <!doctype> мне надо использовать(мой сайт www.aned.at.ua я использую XHTML 1.0 потому что он самый старый и провереный) то прошу расказать
мыло:anedukraine@gmail.com
Анатолий Кошлаков · WWW
№ 4
2009-07-30 20:49
Szen
Аватар участника Szen
ANED, читайте сдесь:
http://szenprogs.ru/blog/2009-07-28-61
Szen · WWW
№ 5
2009-07-31 18:38
ooster
Аватар участника ooster
Szen, за сколько денег
вы готовы помочь бедному студенту с валидностью ? бюджет правда небольшой (основная часть ушла на домен) smile
ya ndex
№ 6
2009-09-22 16:46
galikup
Аватар участника galikup
Здравствуйте! Ув. Szen сколько стоит такое удовольствие, как исправить валидность? Мой сайт
http://softvay.ru/ sad
Жду вашего ответа. Заранее спасибо

e-mail: irigali@mail.ru

Galina
№ 7
2009-10-04 13:20
XxRaviLxX
Аватар участника XxRaviLxX
Честно ничего не понил, хотя очень интересно.
…css" rel="StyleSheet" href="/.s/src/css/811.css" /> что выделенно красным удалять?
XxRaviLxX · WWW
№ 8
2009-10-04 14:21
Szen
Аватар участника Szen
XxRaviLxX, да!
Szen · WWW
№ 9
2009-11-15 00:45
ANED
Аватар участника ANED
Ем)спс))я почитал , понял , установил всё работает...появилась еще 1 проблема...точнее она была но я не обращал на неё внимание....обман юкоза действует но частично...layer 5 и layer 4 пролазят((( как боротся я не наю(почти всё попробовал...
Анатолий Кошлаков · WWW
№ 10
2009-11-15 19:58
Szen
Аватар участника Szen
ANED, вместо </head> в шаблоне введите </h<?'ea'?>d>
Это должно помочь.
Szen · WWW
Учавствовать в обсуждении "Валидный код страницы сайта на UCOZ" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Сколько сайтов у вас есть?
Всего ответов: 1803
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz