| |
ры контейнеров должны быть закрыты, а пустые деск-
рипторы должны иметь терминатор.
• XHTML-документы должны начинаться с объявления DOCTYPE.
• Значения всех атрибутов должны заключаться в кавычки.
• XHTML-документы в разделе заголовка должны содержать элемент
.
XHTML-документы должны быть правильно построены
За исключением Web-страниц с фреймами, правильно построенный XHTML-до-
кумент должен содержать корневой элемент <htmi>, содержащий два вложенных не
перекрывающихся раздела ("head" и "body"), как показано в следующем примере:
<html>
<head>...</head>
238 Глава 5. XHTML и новые тенденции
<body>...</body>
</html>
Раздел заголовка (между дескрипторами <head> и </head>) должен начинать-
ся непосредственно после дескриптора <htmi>. Кроме того, раздел заголовка
должен заканчиваться перед началом раздела тела документа (ограниченного дес-
крипторами <body> и </body>). XHTML-документы с фреймами также должны
быть правильно построены. Тем не менее, в них раздел <body> заменяется разде-
лом <.rameset>, как показано в следующем примере:
<html>
<head>...</head>
<frameset cols="100,400, * ">
<frame src="FramedPagel.html" name="left">
<frame src="FramedPage2.html" name="right">
</frameset>
</html>
Если вы читали главу 1, то уже знакомы с дескрипторами разделов XHTML-
документов — они ничем не отличаются от соответствующих дескрипторов
<htmi>, <head> и <body>, которые были описаны в этой главе. Другими словами,
дескрипторы разделов используются для организации XHTML-кода Web-страни-
цы в виде двух контейнеров ("head" и "body", т.е. заголовок и тело страницы),
которые помещаются в третий контейнер — "html". Каждый контейнер (или раз-
дел) служит определенной цели, описанной ниже:
• <htmix/htmi>. Контейнер "html", как и предполагает его имя, заключает
в себе все XHTML-элементы, атрибуты, сценарии и списки стилей, обра-
батываемые Web-браузером во время визуализации Web-страницы. Началь-
ный дескриптор <htmi> должен находиться непосредственно после описа-
ния DOCTYPE в начале XHTML-файла, а конечный дескриптор </htmi> — в
самом конце XHTML-файла.
<headx/head>. Web-браузер загружает содержимое "заголовка" Web-страни-
цы в память для возможного последующего использования (например, сце-
нариев и каскадных списков стилей), но не выводит его содержимое на са-
мой Web-странице. Заголовок Web-страницы начинается с начального
дескриптора <head> (который находится непосредственно после начально-
го дескриптора <htmi> в начале XHTML-файла) и заканчивается конечным
дескриптором </head>. Помимо списков стилей и клиентских сценариев в
заголовок Web-страницы можно помещать дескрипторы, содержащие, на-
пример, такую информацию, как имя автора Web-страницы, дату ее созда-
ния и ключевые слова, которые могут использоваться поисковыми маши-
нами при индексации Web-страницы для облегчения ее поиска
посетителями. Кроме того, XHTML требует, чтобы в заголовки всех Web-
страниц включался элемент <titie>. Из всей информации и HTML-деск-
рипторов, помещаемых в заголовок Web-страницы, браузер выводит на эк-
ран только текст, содержащийся между начальным и конечным
дескрипторами (<titiex/titie>). Как правило, Web-браузер выводит
этот текст в -строке заголовка окна браузера.
Глава 5. XHTML и новые тенденции 239
• <bodyx/body>. Контейнер "body" Web-страницы находится непосредствен-
но после раздела заголовка и содержит все элементы, которые должны вы-
водится Web-браузером на странице. Начало раздела "body" обозначается
начальным дескриптором <body>, который должен располагаться непосред-
ственно после конечного дескриптора раздела заголовка </head>, и закан-
чивается конечным дескриптором </body>, который находится непосред-
ственно перед дескриптором </htmi>.
Следующий код служит примером правильного расположения дескрипторов
разделов XHTML-документа и содержит минимально необходимый набор деск-
рипторов корректно построенного XHTML-документа:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtmll-transitional.dtd">
<html>
<headXtitle>Mon первая корректно составленная XHTML-страница
</titleX/head>
<body bgcolor="white">
<!-'- Здесь находится содержимое страницы, которое будЦг отображать
браузер. —->
</body>
</html>
Обратите внимание, что все имена элементов и атрибутов Должны</pre>
</td>
<td align="left" class="row2s" width="5%"> </td>
</tr>
<tr><td class="row3" align="left" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.131.html"><img border="0" src="/tpl/l.gif" alt="<<-"></a></td><td class="row3s" align="center" width="20%" valign="middle"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.full.html">[Весь Текст]</a></td><td class="row3s" align="center" width="70%" valign="middle"><br><form action="" method="get">Страница: <input type="text" size="4" name="pg" value="133"> из 389 <input type="submit" value="Открыть"></form></td><td class="row3s" align="center" width="20%" valign="middle"> </td><td class="row3" align="right" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.133.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>
</body>
</html>
|
