Язык гипертекстовой разметки XHTML. Назначение и общая структура XHTML документа. Отличия от HTML. Версии.

⇐ ПредыдущаяСтр 4 из 8Следующая ⇒

XHTML (англ. E x tensible H yper t ext M arkup L anguage — Расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML. Как и HTML, XHTML соответствует спецификации SGML, поскольку XML является её подмножеством. Вариант XHTML 1.1 одобрен в качестве Рекомендации Консорциума Всемирной паутины (W3C) 31 мая 2001 года.

XHTML считается его более строгой версией. Браузер выступает в роли компилятора и не отображает документ, если он не соответствует спецификации. XHTML, сохраняя все особенности HTML, вносит более строгие правила создания страниц, чтобы приблизиться к «идеальному» коду. Это позволяет делать сайты независимыми от устройства отображения и браузера. Иными словами, сайт будет корректно показываться во всех современных браузерах и платформах вроде компьютеров, смартфонов, наладониках и т.д.

Структура

Любой XHTML-файл состоит из четырех разделов — <! DOCTYPE>, контейнера < html>, заголовка (< head> ) и тела документа (< body> ). Последние два элемента перекочевали из HTML и ничем не отличаются от своего родоначальника (листинг 2.1).

Листинг 2.1. Простейший XHTML-документ

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns=" http: //www.w3.org/1999/xhtml" >
< head>
<! -- Этот раздел предназначен для заголовка страницы и технической информации. -->
< /head>
< body>
<! -- А здесь надо размещать все, что хочется увидеть на странице. -->
< /body>
< /html>

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

< html xmlns=" http: //www.w3.org/1999/xhtml" >

< head>

<! -- Этот раздел предназначен для заголовка страницы и технической информации. -->

< /head>

< body>

<! -- А здесь надо размещать все, что хочется увидеть на странице. -->

< /body>

< /html>

Элемент <! DOCTYPE> сообщает браузеру о типе текущего документа и как его интерпретировать. Различают три типа документа по спецификации XHTML 1.0:

Strict (Строгий);
Transitional (Переходный);
Frameset (С фреймами).

XHTML 1.0 Strict

Используется в том случае, если в документе идет четкое разделение оформления и содержания. При этом код веб-страницы содержит только теги разметки, а сам вид элементов задается через стили (листинг 2.2).

Листинг 2.2. Документ со строгой разметкой

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Strict//EN" " http: //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html xmlns=" http: //www.w3.org/1999/xhtml" >
< head>
< title> Пример строгого документа < /title>
< meta http-equiv=" Content-Type" content=" text/html; charset=windows-1251" />
< /head>
< body>
. ..
< /body>
< /html>

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

< html xmlns=" http: //www.w3.org/1999/xhtml" >

< head>

< title> Пример строгого документа< /title>

< meta http-equiv=" Content-Type" content=" text/html; charset=windows-1251" />

< /head>

< body>

...

< /body>

< /html>

XHTML 1.0 Transitional

Обычно применяется, когда правило разделения оформления и содержания выполняется не в полной мере. В этом случае допускается в коде документа использовать теги физического проектирования (например, тег < tt> ) и лишь частично стили. В листинге 2.3 показан вид тега <! DOCTYPE> для подобных документов.

Листинг 2.3. «Переходный» документ

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns=" http: //www.w3.org/1999/xhtml" >
< head>
< title> Пример мягкого документа < /title>
< meta http-equiv=" Content-Type" content=" text/html; charset=windows-1251" />
< /head>
< body>
. ..
< /body>
< /html>

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

< html xmlns=" http: //www.w3.org/1999/xhtml" >

< head>

< title> Пример мягкого документа< /title>

< meta http-equiv=" Content-Type" content=" text/html; charset=windows-1251" />

< /head>

< body>

...

< /body>

< /html>

XHTML 1.0 Frameset

Применяется, когда окно браузера делится на два или более фрейма

Синтаксис

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

Правила XHTML следующие.

Все теги и параметры должны быть набраны в нижнем регистре (строчными символами).
Значения любых параметров необходимо заключать в кавычки.
Требуется закрывать все теги, даже такие, которым не сопоставлен закрывающий тег.
Должна соблюдаться правильная вложенность тегов.
Нельзя использовать сокращенные атрибуты тегов (Сокращенным атрибутом называется параметр без присвоенного значения.). Пример:

nowrap	nowrap=" nowrap"
readonly	readonly=" readonly"

Вместо параметра name следует указывать id. (Параметр name определяется в HTML для тегов < a>, < frame>, < iframe>, < img> и < map> и предназначен для обозначения элемента с целью последующего к нему обращения. В XHTML параметр name вышел из употребления, а вместо него следует использовать id)
Следует определять DTD (document type definition, описание типа документа) с помощью элемента <! DOCTYPE>. (Все XHTML-документы обязательно должны содержать элемент <! DOCTYPE> в первой строке кода, а также придерживаться иерархической структуры вложения тегов.)

Различия между XHTML и HTML

Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, < img> или ) должны иметь на конце / (например, ).
Булевы атрибуты записываются в развёрнутой форме. Например, следует писать < option selected=" selected" > или < td nowrap=" nowrap" >.
Имена тегов и атрибутов должны быть записаны строчными буквами (например, < img alt=" " /> вместо < IMG ALT=" " /> ).
XHTML гораздо строже относится к ошибкам в коде; < и & везде, даже в URL, должны замещаться & lt; и & amp; соответственно. По рекомендации W3C браузеры, встретив ошибку в XHTML, должны сообщить о ней и не обрабатывать документ. Для HTML браузеры должны были попытаться понять, что хотел сказать автор.
Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).

Существует три типа документов XHTML: strict, transitional и frameset. Наиболее употребительной и универсальной из версий XHTML является переходная (англ. transitional), поскольку она позволяет использовать iframe (включение содержимого одной веб-страницы в другую) и атрибут target у ссылок (для указания того, например, что ссылке необходимо открываться в новом окне). Фреймовая версия (англ. frameset) представляет собой расширенный вариант transitional, добавляя к нему, как следует из названия, возможность установки frameset вместо body. DTD строгой версии XHTML (англ. strict) не содержит многих тегов и атрибутов, описанных в DTD transitional, и признанных устаревшими.

Версии XHTML

XHTML 1.0 Переходный (Transitional): предназначен для лёгкой миграции из HTML 3.2 и для тех, кто использует инлайн-фрэймы.
XHTML 1.0 Строгий (Strict): полностью отделяет содержание документа от оформления (которое теперь задаётся только через CSS), многие атрибуты (такие как, например, bgcolor и align) более не поддерживаются, их поведение можно задавать только через таблицу стилей.
XHTML 1.0 Фрэймовый (Frameset): используется, если необходимо разделить окно браузера на несколько фрэймов.
XHTML 1.1 Модульный (Module-based): авторы могут импортировать дополнительные свойства в их разметку.
XHTML Основной (Basic): специальная облегчённая версия XHTML для устройств, которые не могут использовать полный набор элементов XHTML — в основном используется в миниатюрных устройствах, таких как мобильные телефоны. Подразумевается, что он заменит WML и C-HTML.
XHTML мобильного профиля (Mobile Profile): основанный на XHTML Basic, добавляет специфические элементы для мобильных телефонов.
XHTML 2.0. Пока в разработке. Синтаксис еще больше приближен к синтаксису XML. Также является модульным языком.

Версия	Год введения	Отличия от предыдущих версий
HTML 4.0		Отказ от элементов представления в пользу листов стилей. Требование доступности для альтернативных устройств. Усовершенствованный вывод документов. Введение трех уникальных схем DTD (Document Type Definiton - определение типа документа)
HTML 4.01		Устранение некоторых небольших ошибок в HTML 4.0. Канонически HTML 4.01 очень важен, поскольку он служит фундаментом для XHTML 1.0
XHTML 1.0		Приложение XML, устраняющее некоторые из предыдущих проблем разметки и требующее от авторов большей строгости при создании документов
XHTML 1.1		Введение модуляризации и модулей Ruby Annotation

HTML 4.0 и 4.01: концепции

В версии HTML 4.01 исправлены некоторые ошибки и сделаны дополнительные редакторские изменения. С точки зрения общей идеологии эти изменения незначительны, однако они все же весьма существенны, поскольку XHTML 1.0 основан на обновленных схемах DTD версии HTML 4.01, а не HTML 4.0.

⇐ Предыдущая 1 2 345 6 7 8 Следующая ⇒