Переходим на XHTML

Вопрос типа: «Зачем это нужно?» — в кассу напротив (www.w3schools.com), там объяснят…

С чего начать?

Из всех версий XHTL на этапе перехода с HTML рекомендую использовать XHTML 1.0 Transitional.

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

Обновляем DOCTYPE на странице и идем на validator.w3.org (можно URL или File Upload).
После валидации медленно ахуеваем скроллим до пола список вывалившихся ошибок и замечаний :-)
Сильно не расстраиваемся, т.к. самые распространенные ошибки (см. ниже) правятся через Copy-Paste (если, конечно, ваш код был хотя бы отдаленно похож на HTML).

Используем правильный <!DOCTYPE>

Наиболее распространенными типами DTD для XHTML являются следующие:

XHTML 1.0 Strict (полностью отделяет содержание документа от оформления)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional (предназначен для легкой миграции с HTML)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset (используется при наличии фреймов)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 (по сути является XHTML 1.0 Strict)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Наводим порядок в тегах

Все теги пишем в нижнем регистре и не забываем закрывать даже те, у которых нет закрывающего тега (типа <br /> и <img />).

Значения атрибутов указываем в кавычках.

Не сокращаем атрибуты тегов (nowrap="nowrap", selected="selected").

Соблюдаем вложенность тегов (<b><i>…<.i></b>) и их иерархию (<div><p>…</p></div> — блочные элементы не могут быть внутри инлайновых).

Вместо атрибута name используем id.

Для изображений не забываем указывать alt.

Вместо & используем &amp; (касается в основном ссылок-мнемоник).

Чем все это кончится

Стертыми клавишами Ctrl+С(V) :-)

На то, чтобы перейти с валидного HTML на такой же XHTML, у меня ушло минут 45 (использовал только приведенные выше правила и валидатор). До этого времени я XHTML-код не писал.

На самом деле валидность кода (если она нужна) во многом зависит от CMS, на которой стоит сайт, и от того, кто занимается его администрированием или наполнением.

После того, как вместо ошибок и предупреждений валидатор выдаст: This Page Is Valid XHTML 1.0 Transitional! — дело осталось за малым :-)

Валидный XHTML-документ W3C рекомендует снабжать специальным баннером, подтверждающим правильность XHTML-разметки.
Рекомендованный код для баннера выглядит следующим образом:

<p>
<a href="http://validator.w3.org/check?uri=referer">
<img alt="Valid XHTML 1.0 Transitional" height="31" src="http://www.w3.org/Icons/valid-xhtml10" width="88" />
</a>
</p>
Вместо баннера можно разместить текст, который не так сильно испортит внешний вид сайта, если, конечно, есть что портить ;-)
предыдущая заметка | следующая заметка
© 2001—2010 Казакевич Алексей Главная страница | Поиск и карта сайта | Valid: xhtml & css