Структура фрейм–содержащего документа в общем случае имеет такой вид:
<HTML>
<HEAD>
заголовок
</HEAD>
<FRAMESET>
<NOFRAMES>
Текст
</NOFRAMES>
Область задания фреймовой структуры
</FRAMESET>
</HTML>
Как видно из примера, структура такого документа несколько отлична от структуры обычного документа. Наличие дескрипторов <FRAMESET> и </FRAMESET> вместо <BODY> и </BODY> как раз и отличает фреймовый документ от обычного. Использование дескрипторов <NOFRAMES> и </NOFRAMES> является еще одним признаком хорошего стиля. Между ними задают текст, который будет выведен в окне броузера, не поддерживающего фреймов.
Ниже приводится пример фреймового документа:
<HTML>
<HEAD>
</HEAD>
<FRAMESET ROWS=30%,70%>
<NOFRAMES>
Ваш броузер не поддерживает фреймы!
</NOFRAMES>
<FRAME SRC=document1.htm
<FRAME SRC=document2.htm
</FRAMESET>
</HTML>
Дескриптор <FRAMESET> описывает либо вертикальное расположение фреймов, либо горизонтальное. Пример:
<FRAMESET ROWS=строка размеров фреймов>
Этот дескриптор описывает горизонтальное расположение фреймов. Для вертикального расположения запись немного изменяется
<FRAMESET COLS=строка размеров фреймов>
В строке размеров элементы отделяются запятой и могут быть заданы следующем образом:
value% – относительный размер фрейма в процентах. Например: 10%,40%,50% – на первое окно выделяется 10% от общего размера окна броузера, на второе окно – 40%, и на третье – 50% соответственно;
value – абсолютный размер в пикселях. Например: 100,540 – на первый фрейм выделяется область шириной в 100 пикселов, на второй – все оставшееся место (для видеорежима монитора 640х480).
C помощью дескрипторов <FRAMESET> задается только структура фреймов. Для размещения данных во фреймах используются дескрипторы <FRAME>, не имеющие закрывающего варианта. Количество этих дескрипторов обязательно должно соответствовать количеству фреймов, заданных до этого. Каждый дескриптор <FRAME> указывает на URL некоторого документа, который будет отображен в соответствующем фрейме. Это осуществляется с помощью атрибута SRC=URL_ДОКУМЕНТА. При загрузке фрейм–содержащего документа окно броузера будет разбито на подокна, а затем в них будут загружены документы. Пример использования фреймов можно увидеть на рис.1, где изображено окно броузера, разбитое на два фрейма.
При переходе по ссылке в обычном документе его содержимое полностью исчезает с экрана и заменяется новым содержимым другого документа. При использовании фреймов есть возможность при активации ссылок изменять содержимое окна в текущем фрейме, содержимое окна другого фрейма или всего окна броузера. Это осуществляется с помощью комбинации дескриптора <A> и атрибута TARGET (от англ. target– цель). В общем случае формат этого дескриптора выглядит так:
<A HREF=URL TARGET=ИМЯ_ЦЕЛИ> Текст гипертекстовой ссылки </A>
Параметр ИМЯ_ЦЕЛИ представляет собой зарезервированное слово, начинающееся со знака подчеркивания ‘_’. Вот список наиболее употребительных параметров:
TARGET=_SELF – при переходе по ссылке с таким атрибутом обновляется текущий фрейм. Действует по умолчанию.
TARGET=_TOP – обновляется содержимое окна всего броузера.
TARGET=_BLANK – документ будет открыт в новом окне броузера.
На первый взгляд может показаться, что использование параметров «_TOP»и «_BLANK» равнозначно, так как в обоих случаях старое содержимое окна полностью заменяется содержимым другого документа. Однако в первом случае можно вернуться к предыдущему содержимому окна средствами самого броузера (с помощью кнопки BACK на панели инструментов), а во втором случае способ возврата к содержимому предыдущего документа возлагается на составителя Web–странички или самого пользователя.
3. Другие элементы языка HTML
Наряду с наиболее популярными элементами языка HTML существуют и такие, которые хоть и не находят повсеместного применения, все же используются при составлении страничек в WWW.
Если при подготовке публикации (например, подготовка электронных новостей) необходимо на страницу вынести некую цитату, то простым указанием теста с кавычками не обойтись – броузер воспринимает символы кавычек как управляющие, и на экране они отображены не будут. В таком случае необходимо заключить текст-цитату в специальные дескрипторы <BLOCKQUOTE> и </BLOCKQUOTE>. Лишь в этом случае броузер выведет текст, заключенный в кавычки.
Кроме того символа кавычек существует еще набор символов, которые броузер считает управляющими и для того, чтобы вывести их на экран, необходимо в тело документа вставлять специальные команды. Ниже приводится список команд для наиболее употребительных символов:
| Символ | Команда |
| " | " |
| & | & |
| < | < |
| > | > |
| знак пробела |   |
Ранее было замечено, что броузер автоматически осуществляет перенос текста, если строка не помещается на экране. Тем не менее, случается так, что необходимо вывести текст одной строкой без разрыва. Для этого нужно поместить перед строкой текста одиночный дескриптор <NOBR>, который является расширением языка HTML фирмы Netscape. Какой длинной не была бы строка, броузер ее полностью выведет на экран без переноса.
Путешествуя по WWW в поисках страничек, посвященных музыке, можно часто найти документы, после загрузки которых на фоне работы броузера начинает играть музыка. Эта интересная возможность, которая хоть и требует продолжительное время для загрузки на медленных соединениях, придает любой музыкальной страничке некоторую привлекательность. Реализуется она таким образом:
<EMBED SRC=URL AUTOSTART=TRUE HIDDEN=TRUE>
Дескриптор <EMBED> используется для работы с музыкальными файлами, атрибут SRC указывает на файл, который будет загружен. Атрибут AUTOSTART указывает броузеру, нужно ли проигрывать данный файл после загрузки или нет. Атрибут HIDDEN также как и атрибут AUTOSTART принимает логическое значение и сообщает броузеру, что на экран нельзя выводить кнопки управления процессом воспроизведения файла. Если же два последних атрибута принимают значения FALSE, то после загрузки музыкального файла броузер выведет на экран кнопки управления воспроизведением, и пользователь в любой момент может проиграть файл, остановить воспроизведение, заново воспроизвести файл.
Также находят свое применение в Web–страничках такие структуры данных, как таблицы. Они помогают в определенных случаях удобно организовать некоторые данные, скажем, некоторую сводку цифр, каких-то расчетов и т. д. На экране такие таблицы выглядят аналогично привычным нам таблицам на бумаге или в приложениях типа Microsoft Excel. Кроме представления табличных данных таблицы можно использовать, например, для оформления: произвольного расположения изображений и текста, на экране. Методы построения таблиц вследствие своего объема и некоторой сложности в данной работе не приводятся.
Те, кто хоть раз пользовался при навигации в World Wide Web для поиска информации поисковыми машинами, обязательно сталкивался с так называемыми формами. Это специфические, хотя и весьма популярные возможности языка HTML. Формы представляют собой поля ввода текста, флажки, радиокнопки, списки и др. формы интерактивного общения с пользователем. Данные, вводимые в формы, отсылаются на Web–сервер для дальнейшей обработки, после чего результаты обработки высылаются назад пользователю. Составление документов с использованием форм является признаком профессионализма дизайнера, так как требует кроме хорошего знания языка HTML также и умение работать с языками сценариев, что является неотъемлемой частью работы с формами. Средства описания форм в документах в данную работу не входят.
Язык HTML является основным средством организации данных в World Wide Web и пока не существует других языков, которые служили бы ему полной альтернативой. Поэтому говорить о том, в чем этот язык превосходит другие языки или в чем он им уступает,не приходится. Хотя нужно заметить, что свои ограничения в HTML присутствуют.
В последнее время в дизайне Web–документов все чаще используется популярный язык Java, который способен преодолеть ограничения HTML. В связке с HTML язык Javaпредлагает пользователю средства оформления документов, которые трудно или даже невозможно реализовать с помощью одного лишь HTML. Это, например, создание трехмерной анимации на экране, выполнение апплетов (приложений) на машине пользователя, пересылаемых с сервера. Язык Javaпредоставляет более гибкие и удобные способы общения с пользователями, например, более развитые формы ввода данных. С помощью этого языка можно внести некоторую динамику в любой Web–документ, например, заставить на экране изображения сменять друг друга с произвольной периодичностью и порядком. Таким образом, Javaдобавляет больше интерактивности в документах. Но сам Javaне позволяет так быстро разрабатывать Web–странички, как это можно сделать с помощью HTML, и требует намного больше времени для изучения.
В заключение можно сказать, что комбинация языков HTMLи Javaпредставляет собой мощное средство для построения красочных и профессиональных Web–документов.