Тег <области> в основном используется для карт изображений. Через этот тег активная область (также известная как горячие точки) может быть установлена на карте изображения. Таким образом, когда мышь пользователя перемещается в указанную активную область и нажимает, она автоматически будет ссылаться на предварительную страницу. Его основная структура синтаксиса следующая:
<область класса = тип идентификатор = значение href = url alt = форма текста = форма области охлаждения = значение>
Класс и идентификатор: это типы и идентификационные номера, которые указывают точку доступа соответственно.
ALT: Альтернативный текст, используемый для установки горячих точек.
Href: используется для установки адреса URL -адреса, с которым связана горячая точка.
Форма и координации: являются двумя основными параметрами, которые используются для установки формы и размера горячей точки. Основное использование заключается в следующем:
<shair shape = прямоугольные координаты = x1, y1, x2, y2 href = url> означает, что установленная горячая точка представляет собой прямоугольник, координаты вершины верхнего левого углу составляют (x1, Y1), а координаты вершины нижнего правого углу составляют (x2, y2).
<форма области = координаты круга = x1, y1, r href = url> означает, что форма установленной горячей точки - это круг, центральной координат (x1, y1), а радиус равен r.
<форма области = координаты полигона = x1, y1, x2, y2 ...... href = url> означает, что форма наборной горячей точки представляет собой многоугольник, а координаты каждой вершины - (x1, y1), (x2, y2), (x3, y3) .......
Примечание. Положения этих точек x1, y1, x2, y2 определяются на основе изображения, а не размера окна.
Тег <области> делит область действия на карте изображений, поэтому разделенная область действия должна находиться в области карты изображений. Поэтому, прежде чем делить область с тегом <geare>, вы должны использовать еще один HTML -тег <Map>, чтобы установить область актерского мастерства карты изображения и установить имя для указанной карты изображения. Использование этого тега очень простое, то есть <map name = имя карты изображения> ...... </map>.
Ниже приведен пример, чтобы проиллюстрировать использование этих двух маркеров:
Вот фотография новых книжных полков. Эффект: при нажатии на книгу открывается новое окно для отображения страницы введения и заказа книги (urlall.htm); При нажатии на книгу стратегии дизайна веб -сайта открывается новое окно для отображения страницы введения и заказа книги (siteall.htm); При нажатии на книгу открывается новое окно для отображения страницы введения и заказа книги (pagejqlall.htm). Как сделать:
1. Вставьте изображение, установите соответствующие параметры изображения и установите параметр usemap = newbook ismap в теге <img>, чтобы представить ссылку на карту изображения (Newbook);
2. Используйте <Map>, чтобы установить область действия карты изображений и назвать ее: Newbook;
3. Используйте <область> оценки для разделения трех прямоугольных областей действия на основе позиций трех книг, и установите их параметры ссылки HREF.
Завершенное производство исходный код этого примера заключается в следующем:
Скопировать код