HTML_3 (1071230), страница 2
Текст из файла (страница 2)
Обозначает, что с этой областью гиперссылка не связана. (Не используется совместно с href).
Возможно также использование атрибутов alt и title. Содержимое обоих атрибутов отображается как всплывающая подсказка. Атрибут alt может использоваться текстовыми броузерами для создания текстовых ссылок вместо графической навигационной карты.
Если несколько областей AREA перекрываются, то приоритет имеет первый элемент AREA.
Возможно использование одной навигационной карты с различными изображениями.
-----------------
<IMG src=image.gif height=200 width=200 usemap=#map1>
<MAP name="map1">
<AREA href="1.html" shape="rect" coords="0,0,50,40" alt="Прямоугольник 0,0 - 50,40">
<AREA href="2.html" shape="circle" coords="150,50,50" alt="Окружность с центром 150,50 и радиусом 50">
<AREA href="3.html" shape="poly" coords="100,100,150,100,190,190" alt="Треугольник 100,100 - 150,100 - 190,190">
<AREA href="4.html" shape="default" coords="0,0,200,200" alt="Основная часть изображения">
</MAP>
------------------
<!-- Гиперссылка в виде кольца -->
<IMG src=image.gif height=200 width=200 usemap=#map1>
<MAP name="map1">
<AREA nohref shape="circle" coords="100,100,50" alt="Нет гиперссылки">
<AREA href="1.html" shape="circle" coords="100,100,100" alt="Гиперссылка">
</MAP>
-----------------
Как правило, клиентские навигационные карты создают с помощью специальных программ, которые автоматически генерируют координаты для элементов AREA. Например Microsoft FrontPage (hotspot).
Серверные навигационные карты.
Серверные навигационные карты, как правило, используются в случае сложных карт.
Чтобы создать серверную навигационную карту, необходимо включить элементов IMG в элемент A. Для элемента IMG должен быть установлен логический атрибут ismap.
Когда пользователь активизирует гиперссылку, щелкнув на изображении, координаты точки передаются на веб-сервер.
Пример:
<A href="http://iu5.bmstu.ru/script.asp">
<IMG src=image.gif height=400 width=400 ismap>
</A>
Координаты передаются на сервер следующим образом. Броузер получает адрес URI из атрибута href элемента A и добавляет ’?’, за которым следуют координаты x и y, разделенные запятой.
Если пользователь производит щелчок по точке с координатами x=333, y=333, то происходит обращение по следующему URI: http://iu5.bmstu.ru/script.asp?333,333
Обработка координат целиком возлагается на серверный сценарий.
Элементы OBJECT, APPLET, EMBED, VIDEO.
Спецификация HTML 4.0 предписывает для вставки изображений и других объектов использовать элемент OBJECT. К сожалению IE не поддерживает данную возможность.
Пример (не работает в IE):
<OBJECT data="TheEarth.mpeg" type="application/mpeg">
<OBJECT data="TheEarth.gif" type="image/gif">
Вид <B>Земли</B> из космоса.
</OBJECT>
</OBJECT>
Элемент OBJECT предусматривает возможность альтернативной генерации объектов. Если броузер не может сгенерировать внешний объект, то он пытается сгенерировать содержимое, которое может быть другим объектом.
В данном примере броузер должен показать видеоизображение Земли. Если видео не найдено, или броузер не может показывать видео, то он должен показать изображение в формате GIF. Если и это не получится, то броузер должен отобразить текст. К сожалению данный пример не работает в IE.
На сегодняшний день элемент OBJECT используется для вставки компонентов ActiveX (например Flash-анимаций) и Java-апплетов.
Для вставки Java-апплетов также используется элемент APPLET (не поддерживается в HTML5).
Для задания параметров объекта могут использоваться элементы PARAM, вложенные в OBJECT.
Пример: flash
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"
HEIGHT="100" CODEBASE="http://active.macromedia.com/flash6/cabs/
swflash.cab#version=6,0,0,0">
<PARAM NAME="MOVIE" VALUE="moviename.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="QUALITY" VALUE="high">
</OBJECT>
<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true"
LOOP="true" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
Элемент VIDEO используется для вставки видеофрагментов.
Атрибуты такие же как в элементе AUDIO, есть еще атрибуты для задания ширины и высоты: width = ширина (в пикселах или %) height = высота (в пикселах или %)
<video src="1.wmv" controls="controls">
Браузер не поддерживает элемент video
</video>
-----------------------------------------------------------------------------------------------------
5. Группировка элементов: элементы DIV и SPAN
Начальный тег: обязателен, Конечный тег: обязателен
Атрибуты: align( IE 5 поддерживает только у DIV), id, title
Контейнерные элементы DIV и SPAN обеспечивают общий механизм добавления структуры в документы HTML. Определяют информацию уровня блока (DIV) или информацию уровня элемента блока (SPAN). Предполагается, что элементы SPAN могут быть вложены в DIV, хотя это не обязательно. DIV также может быть вложен в DIV.
Предполагается, что DIV должен быть отдельным блоком, а SPAN является inline-элементом.
Сами элементы визуально не отображаются (отображается только их содержимое). Элементы часто используются совместно с таблицами стилей, сценариями на JavaScript, могут использоваться как конечный якорь гиперссылки с атрибутом id.
Пример:
<DIV align=center title=блок>
<P>1
<DIV align=right title="вложенный блок">2</DIV>
<P>3
</DIV>