Правила построения
HTML-документов
Что такое HTML
Всемирная паутина World Wide Web (WWW) соткана из Web-страниц, кото-
рые создаются с помощью так называемого языка разметки гипертекста
HTML (HyperText Markup Language). Хотя многие говорят о программиро-
вании на этом языке, HTML вовсе не является языком программирования в
традиционном понимании. HTML — язык разметки документа. При разра-
ботке HTML-документа выполняется разметка текстового документа точно
так же, как это делает редактор при помощи красного карандаша. Эти по-
метки служат для указания формы представления информации, содержа-
щейся в документе.
Специальные программы просмотра HTML-документов, которые часто на-
зывают браузерами, служат для интерпретации файлов, размеченных по пра-
вилам языка HTML, форматирования их в виде Web-страниц и отображении
их содержимого на экране компьютера пользователя. Существует большое
количество программ-браузеров, разработанных различными компаниями,
однако, на сегодняшний день из всего разнообразия программ явно выде-
ляются две программы-лидера — Netscape Communicator и Microsoft Internet
Explorer.
Программа Netscape Navigator разработана компанией Netscape Communications
Corporation. Как и у многих программных продуктов, существует ряд
версий этой программы. Последней версией программы Netscape Communicator
на момент написания книги являлась версия 4.7. Программа Internet
Explorer разработана компанией Microsoft. Последняя версия этой програм-
мы — 5.0.
Другие браузеры значительно отстают по популярности. Несколько лет на-
зад браузер компании Netscape занимал ведущее место среди браузеров, бо-
лее двух третей пользователей применяли именно эту программу просмотра.
Выпустив свой браузер, компания Microsoft приложила огромные усилия
для завоевания этой части рынка. В средствах массовой информации часто
встречались сообщения о войне между браузерами за пользователей. Сейчас
эти два браузера сравнимы по популярности. Росту популярности браузера
Microsoft способствует включение браузера в состав операционной системы
Windows 98, однако, в конечном счете, выбор браузера остается за пользова-
телем.
Современные браузеры обладают широкими возможностями, но основным
для них является интерпретация документов, размеченных по правилам
HTML. Описанию этих правил, в основном, и посвящена данная книга.
В первой части мы рассмотрим лишь основополагающие принципы по-
строения HTML-документов.
Чтобы понять, что собой представляет язык разметки, вспомним старые до-
брые времена, когда многие работали с текстовыми редакторами типа
WordStar. В них для выделения какой-либо фразы, например, полужирным
шрифтом, в ее начале и в конце ставились специальные отметки (/в и /ь):
/ВЭтот текст будет выведен полужирным шрифтом/Ь
При выводе такого текста на печатающее устройство (о дисплеях еще речь
не идет, в те далекие времена их еще или не было вообще или существовали
алфавитно-цифровые дисплеи, не позволяющие изменять шрифты) символы
/в заставляли использовать полужирный шрифт до тех пор, пока не встре-
тятся символы /ь.
HTML работает точно так же. Если есть необходимость выделить текст на
экране полужирным шрифтом, то это можно сделать аналогично:
<В>Этот текст будет выведен полужирным шрифтом</В>
Символы <в> включают полужирное начертание, а символы </в> выключают
его. Такие символы, которые управляют отображением текста и при этом
сами не отображаются на экране, в языке HTML принято называть тэгами
(от английского слова tag — ярлык, признак).
Все тэги языка HTML выделяются символами -ограничителями (< и >), между
которыми записывается идентификатор (имя) тэга (в нашем примере это в),
и, возможно, его параметры. Единственным исключением из этого правила
являются тэги комментария с более сложными ограничителями (<!-- и —>).
Названия тэгов, а также их параметров можно записывать на любом регист-
ре. Для единообразия в данной книге большинство тэгов записывается про-
писными буквами.
Большинство тэгов HTML используется попарно, т. е. для определенного
тэга, назовем его открывающим, в документе имеется соответствующий за-
крывающий тэг. По правилам HTML закрывающий тэг записывается так же,
как и открывающий, но с символом / (прямой слэш) перед именем тэга.
Единственным принципиальным различием парных тэгов является то, что
закрывающие тэги не используют параметры.Тэги, которые нуждаются в соответствующих завершающих тэгах, будем на-
зывать тэгами-контейнерами. Все, что записано между соответствующим
открывающим и закрывающим тэгом, будем называть содержимым тэга-
контейнера. Иногда завершающий тэг можно опускать. Например, для тэга,
описывающего данные для ячейки таблицы <то>, соответствующий закры-
вающий тэг </то> можно всегда опускать. Окончание данных для ячейки
таблицы будет распознано по появлению очередного тэга <то> или тэга
окончания строки таблицы </TR>.
Есть ряд тэгов, для которых завершающие тэги опускаются большинством
авторов документов. Примером может служить тэг элемента списка <LI> или
тэг абзаца <р>. Современные браузеры во многих случаях правильно форма-
тируют документы, если опущены некоторые завершающие тэги, однако
такая практика не может быть рекомендована.
Ряд тэгов в принципе не нуждается в завершающих тэгах. Примерами могут
служить тэг вставки изображений <IMG>, принудительного перевода строки
<BR>, указания базового шрифта <BASEFONT> и др. Часто из самого предна-
значения тэга можно догадаться, нуждается ли он в завершающем.
Существуют общие правила интерпретации тэгов браузерами. В отличие
от языков программирования, в которых ошибочные операторы приводят
к выдаче соответствующих сообщений на этапе компиляции программы и
требуют правки, в HTML не принято реагировать на неверную запись тэгов.
Неверно записанный тэг или его параметр должен просто игнорироваться
браузером. Это общее правило для всех браузеров, под действие которого
подпадают не только ошибочно записанные тэги, но и тэги, не распозна-
ваемые данной версией браузера. Примером могут служить тэги, пред-
ложенные и реализованные для отдельного браузера и неизвестные для
другого. Например, тэг-контейнер <NOFRAMES>, который служит для предо-
ставления альтернативной информации браузерам, не обеспечивающим
поддержку фреймовых структур, такими браузерами не будет распознан.
Браузер же, поддерживающий фреймы, встретив тэг <NOFRAMES>, пропустит
всю заключенную в нем информацию. А браузер, не знакомый с фреймами,
естественно, не поймет и тэг <NOFRAMES>. Однако, согласно приведенному
правилу, этот тэг будет просто пропущен, зато вся последующая информа-
ция будет отображена.
Тэги могут записываться с параметрами или атрибутами (от англ, attribute).
В этой книге будем чаще всего использовать термин параметр. Наборы
допустимых параметров индивидуальны для каждого тэга. Общие правила
записи параметров заключаются в следующем. После имени тэга могут сле-
довать параметры, которые отделяются друг от друга пробелами. Порядок
следования параметров тэга произволен. Многие параметры требуют указа-
ния их значений, однако некоторые параметры не имеют значений или могут
записываться без них, принимая значения по умолчанию. Если параметр тре-
бует значения, то оно указывается после названия параметра через знакравенства. Значение параметра может записываться в кавычках, так и без
них. Единственным случаем, в котором без кавычек не обойтись, является
случай, когда в значении параметра имеются пробелы. В значениях пара-
метров (в отличие от названий тэгов и самих параметров) иногда важен ре-
гистр записи. Приведем пример записи тэга с параметрами:
<TABLE BORDER ALIGN="left">
Здесь для тэга <TABLE> задано два параметра. Первый параметр BORDER указан
без значения. Второй параметр ALIGN имеет значение left.
В последующих главах первой части книги будет описано назначение тэгов
языка HTML и их параметров. В общем, тэги могут иметь различные пара-
метры, однако существует ряд параметров, единых практически для всех
тэгов. Упомянем здесь общие параметры тэгов, чтобы более не говорить
о них при описании каждого тэга.
Все тэги, которые допустимо использовать в разделе <BODY> документа
HTML, могут иметь параметры CLASS, ID, LANG, LANGUAGE, STYLE и TITLE. Ис-
пользование этих параметров полезно, прежде всего, при стилевом оформ-
лении документов, речь о котором пойдет во второй части книги.
Параметры CLASS, ID, STYLE поддерживаются Internet Explorer, начиная
с версии 3.0, и Netscape, начиная с версии 4.0. Эти параметры нужны при
использовании стилей.
Параметры LANG, LANGUAGE, TITLE — поддерживаются только Internet Explorer,
начиная с версии 4.0. Эти параметры указывают, соответственно, исполь-
зуемый язык (например, для России: LANG=ru), язык записи скриптов
(например, LANGUAGE=JavaScript), а также текст подсказки, выдаваемой при
наведении указателя мыши на данный элемент (TITLE).
В современном HTML, помимо тэгов языка и их содержимого, в исходном
HTML-коде также записываются коды сценариев (JavaScript или VBScript).
В первой части книги об этом практически нигде не упоминается, зато
часть вторая целиком посвящена вопросам использования сценариев.
Завершая общий обзор HTML, отметим, что простейшие HTML-документы
представляют собой обычные текстовые файлы, для просмотра и редактиро-
вания которых можно воспользоваться любым текстовым редактором. Эти
файлы обычно имеют расширение НТМ или HTML.

назад - далее