Лекция 15

DHTML. Объектная модель DOM DHTML. Сервер внутри процесса.

1.1. Введение в HTML

1.1.1. Что такое HTML?

HTML (HyperText Markup Language) – это язык, принятый в World Wide Web для создания и публикации Веб-страниц. HTML предоставляет авторам средства для:

включения в Веб-документы заголовков, текста, таблиц, списков, фотографий и т. п.;

перехода к другим Веб-страницам посредством щелчка кнопки мыши по гипертекстовой ссылке;

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

непосредственного включения в Веб-документы видеоклипов, звука и других внешних объектов.

Фактически, современная Веб-страница формируется с помощью трех языковых средств:

язык HTML используется для задания логической структуры документа(заголовки, абзацы, графические изображения и прочие объекты);

язык каскадных стилей CSSиспользуется для заданияспособа отображения документа(цвета текста и фона, шрифты, способы выравнивания и позиционирования отдельных объектов на странице и т. п.);

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

При этом именно HTML-документ является той средой, в которой размещаются остальные компоненты Веб-страницы. Поэтому мы начинаем наш справочник с описания языка HTML, за которым следуют описания CSSиJavaScript.

Первоначально HTML был разработан Тимом Бернерсом-Ли (Tim Berners-Lee) и его коллегами из CERN Laboratories для обмена текстовыми документами и другими данными между учеными и приобрел популярность благодаря обозревателю Mosaic, авторы которого добавили к нему поддержку графических образов и ряд других полезных качеств. Быстрое развитие Сети в 90-е годы потребовало стандартизации этого языка, и в ноябре 1995 г. по эгидой IETFбыл создан HTML 2.0. Следующим шагом стала кодификацияW3Cв январе 1997 г. новой, гораздо более мощной версии HTML 3.2. Наконец, в апреле 1998 г. появился HTML 4.0, который является в настоящее время действующим стандартом языка (в уточненной редакции HTML 4.01, опубликованной в декабре 1999 г.). Именно стандарт HTML 4.0 и будет предметом нашего рассмотрения в данной части книги.

По мере своего развития HTML не только приобретал новые возможности. Часть первоначально введенных в него понятий на сегодня официально объявлены морально устаревшими(deprecated), поскольку они лучше выражаются новыми средствами языка. Автор является сторонником создания HTML-документов в соответствии с требованиями стандарта (между прочим, почти вся эта книга написана на строгом HTML 4.0). Поэтому в этой главе мы не описываем и не используем морально устаревшие элементы и атрибуты языка, хотя они по традиции поддерживаются обозревателями и их можно встретить на многих Веб-страницах; их краткое описание можно найти вПриложении 10. По той же причине не упоминаются в нашем справочнике ниполностью устаревшие(obsolete) элементы языка HTML, ни те дополнения к нему, которые были сделаны разработчиками популярных обозревателей, но не являются стандартными. Вместе с тем, мы увязываем стандарт языка с его реализацией в обозревателях Microscape и потому приводим для каждого элемента сведения о том, как он поддерживается этими обозревателями.

1.1.2. Составные элементы HTML-документа

1.1.2.1. Элементы и теги

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

Элементы — это структуры, которые описывают отдельные составляющие HTML-документа. Элемент состоит из трех частей: начального тега, содержимого и конечного тега. Тег — это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/". Например, элемент EM(выделение текста) выглядит так:

<EM>выделяемый текст</EM>

Имена элементов могут быть набраны в любом регистре, т. е. <EM>и<em>равнозначны.

Элементы должны либо следовать друг за другом, либо быть вложены один в другой. Если начальный тег <EM>расположен внутри элемента<P>…</P>, то и конечный тег</EM>должен быть расположен внутри этого элемента.

Конечные теги некоторых элементов могут быть опущены. Например, конечный тег элемента LI(пункт списка) не обязателен, поскольку начало очередного пункта списка означает конец предыдущего пункта:

<UL>

<LI>Первый пункт списка без конечного тега

<LI>Второй пункт списка с необязательным конечным тегом</LI>

<LI>Третий пункт списка без конечного тега

</UL>

Мы, однако, рекомендуем указывать конечный тег элемента даже в тех случаях, когда стандарт позволяет его опустить. Для этого есть две причины:

при использовании каскадных таблиц стилей отсутствие конечного тега элементов часто приводит к непредсказуемым результатам;

в соответствии со стандартом XHTML, описанным ниже, каждый элемент должен иметь конечный тег.

Некоторые элементы, такие, как BR(новая строка), не имеют конечного тега, поскольку не имеют содержимого.

1.1.2.2. Атрибуты

Атрибуты элемента определяют его свойства. Например, элемент IMG(графический образ) имеет атрибутsrc, указывающий расположение графического файла, и атрибутalt, задающий альтернативный текст на тот случай, если обозреватель не отображает графику:

<IMG src="mylogo.gif" alt="Юрий Лукач">

Атрибуты всегда включаются в начальный тег элемента и имеют вид:

имя_атрибута="значение_атрибута"

Значение атрибута может быть заключено в одинарные или двойные кавычки. Кавычки можно опустить, если значение атрибута состоит только из латинских букв (A-Za-z), цифр (0-9), дефисов ("-"), подчеркиваний ("_"), двоеточий (":") и точек (".").

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

1.1.2.3. Специальные символы

Ряд символов в языке HTML зарезервирован и должен представляться специальным образом:

левая угловая скобка ("<")	<
правая угловая скобка (">")	>
амперсант ("&")	&
двойная кавычка (")	"

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

При желании авторы могут пользоваться и числовой кодировкой символов в стандарте Unicode. При этом символ может быть задан своим десятичным кодом (&#код;) или шестнадцатеричным кодом (&#xкод;). Например©представляет символ авторского права©, аА– русскую буквуА.

Поддержка: Некоторые специальные символы не отображаются.

Некоторые специальные символы не отображаются;

шестнадцатеричные коды символов не распознаются.

1.1.2.4. Комментарии

HTML-документы могут содержать комментарии, которые не влияют на отображение документа, а только поясняют его содержимое при просмотре HTML-текста. Комментарии в HTML имеют довольно сложный синтаксис, поэтому мы рекомендует следовать следующим четким правилам:

начинайте комментарий с символов "<!--",

завершайте комментарий символами "-->",

не используйте внутри комментария символов "--".

Пример комментариев:

<!-- это комментарий -->

<!-- а вот еще комментарий,

занимающий более одной строки -->

1.1.3. Типы данных HTML

Значения атрибутов в языке HTML могут иметь различные типы данных. Основными типами данных являются следующие.

CDATA

Значения атрибутов типа CDATA являются цепочками символов, включая, возможно, специальные символы. При отображении переносы строк игнорируются, а символы возврата каретки и табуляции заменяются на пробелы. Также игнорируются начальные и конечные пробелы в значении атрибута. Обычно (но не всегда) значения типа CDATA зависят от регистра.