Выбрать главу

XHTML 1.0 был одобрен как Рекомендация W3C 26 января 2000 г..

W3C определяет XHTML как последнюю версию HTML. XHTML будет постепенно заменять HTML.

Язык XHTML совместим с HTML 4.01.

Все новые браузеры поддерживают XHTML.

XHTML является переработкой HTML 4.01 в соответствии с XML, и может сразу использоваться существующими браузерами при соблюдении нескольких простых правил.

Данное руководство рассматривает:

[x]. Почему необходимо использовать XHTML

[x]. Синтаксис XHTML

[x]. Как преобразовать сайт на XHTML

[x]. Проверка XHTML

[x]. Модуляризация XHTML

XHTML является объединением HTML и XML (EXtensible Markup Language – Расширяемого языка разметки).

XHTML состоит из всех элементов HTML 4.01, объединенных с синтаксисом XML.

В настоящее время многие страницы в Интернет содержат "плохой" код HTML.

Следующий код HTML будет нормально работать при просмотре в браузере, даже хотя он не полностью следует правилам HTML:

<html>

<head>

<title>Это плохой код HTML</title>

<body>

<h1>Плохой код HTML

</body>

XML является языком разметки, в котором каждый элемент должен быть правильно размечен, что приводит к "грамматически-правильным" ("well-formed") документам.

Язык XML предназначен для описания данных, а язык HTML создан для представления данных.

На современном рынке представлены различные технологии браузеров, одни браузеры предназначены для использования Интернет на компьютерах, другие для использования Интернет на мобильных телефонах и c помощью карманных коммуникаторов. Последние устройства имеют недостаточно ресурсов или мощности для интерпретации "плохого" языка разметки.

Объединяя сильные стороны HTML и XML, мы получаем язык разметки, который будет полезен сегодня и в будущем -- XHTML.

Страницы XHTML можно читать с помощью любых устройств, которые поддерживают XML. Пока весь мир не перейдет на использование поддерживающих XML браузеров, XHTML предоставляет возможность сейчас писать "синтаксически-правильные" документы, которые можно использовать во всех браузерах.

XHTML можно начать использовать просто строго следуя правилам HTML.

XHTML не очень существенно отличается от стандарта HTML 4.01.

Поэтому хорошим началом будет приведение кода к стандарту 4.01.

Кроме того, необходимо писать код HTML символами нижнего регистра, и никогда не пропускать завершающие теги (такие как </p>).

Вот собственно и все. Удачного кодирования!

Элементы XHTML должны быть правильно вложены

Элементы XHTML всегда должны быть замкнутыми

Элементы XHTML должны записываться в нижнем регистре

Документы XHTML должны иметь один корневой элемент

В HTML некоторые элементы могут вкладываться друг в друга некорректно, например как в случае: <b><i>Этот текст жирный и наклонный</b></i>

В XHTML все элементы должны правильно вкладываться друг в друга, например: <b><i>Этот текст жирный и наклонный</i></b>

Примечание: Достаточно часто при создании вложенных списков забывают о том, что внутренний список должен находится между тегами <li> и </li>.

Неправильно:

<ul>

<li>Кофе</li>

<li>Чай

<ul>

<li>Черный чай</li>

<li>Зеленый чай</li>

</ul>

<li>Молоко</li>

</ul>

Правильно:

<ul>

<li>Кофе</li>

<li>Чай

<ul>

<li>Черный чай</li>

<li>Зеленый чай</li>

</ul>

</li>

<li>Молоко</li>

</ul>

Обратите внимание, что в примере "правильного" кода вставлен тег </li> после тега </ul>.

Непустые элементы должны иметь замыкающий тег.

Неправильно:

<p>Это -- параграф

<p>Это -- еще один параграф

Правильно:

<p>Это -- параграф </p>

<p>Это -- еще один параграф </p>

Пустые элементы должны иметь замыкающий тег или начальный тег должен заканчиваться символами />.

Неправильно:

Разрыв строки: <br>

Горизонтальная линия: <hr>

Изображение: <img src="happy.gif" alt="Веселое лицо ">

Правильно:

Разрыв строки: <br />

Горизонтальная линия: <hr />

Изображение: <img src="happy.gif" alt="Веселое лицо " />

Спецификация XHTML определяет, что имена и атрибуты тегов должны записываться в нижнем регистре.

Неправильно:

<BODY>

<P>Параграф </P>

</BODY>

Правильно:

<body>

<p>Параграф </p>

</body>

Все элементы XHTML должны быть вложены в корневой элемент <html>. Все другие элементы могут иметь вложенные элементы (потомков). Вложенные элементы должны быть парными и правильно вкладываться в свой родительский элемент. Общая структура документа имеет следующий вид:

<html>

<head> ... </head>

<body> ... </body>

</html>

При записи документа XHTML требуется использовать четкий синтаксис HTML.

[x]. Имена атрибутов должны записываться в нижнем регистре

[x]. Значения атрибутов должны заключаться в кавычки

[x]. Минимизация атрибутов запрещена

[x]. Атрибут id заменяет атрибут name

[x]. DTD XHTML определяет обязательные элементы

Неправильно:

<table WIDTH="100%">

Правильно:

<table width="100%">

Неправильно:

<table width=100%>

Правильно:

<table width="100%">

Неправильно:

<input checked>

<input readonly>

<input disabled>

<option selected>

<frame noresize>

Правильно:

<input checked="checked" />

<input readonly="readonly" />

<input disabled="disabled" />

<option selected="selected" />

<frame noresize="noresize" />

Ниже представлен список минимизированных атрибутов HTML и их запись в XHTML.

HTMLXHTML
compactcompact="compact"