Einführung in die Verwendung von HTML-Bereichsbild-Hotspots mit einer Liste verwandter Attribute_HTML/Xhtml_Webseitenproduktion

Das

-Tag wird hauptsächlich in Imagemaps verwendet. Über dieses Tag kann der aktive Bereich (auch Hotspot genannt) in der Imagemap festgelegt werden, sodass der Benutzer die Maus auf den angegebenen aktiven Bereich bewegt und klickt, wird automatisch ein Link zur voreingestellten Seite angezeigt. Die grundlegende Syntaxstruktur lautet wie folgt:



class and id: angeben hot Spots bzw. den Typ und die ID-Nummer.

alt: Alternativer Text zum Festlegen von Hotspots.

href: wird verwendet, um die mit dem Hotspot verknüpfte URL-Adresse festzulegen.

Form und Koordinaten: sind die beiden Hauptparameter, die zum Festlegen der Form und Größe des Hotspots verwendet werden. Die grundlegende Verwendung ist wie folgt:

bedeutet, dass die Form des Hotspots auf ein Rechteck und die Koordinaten festgelegt werden des Scheitelpunkts der oberen linken Ecke sind (X1, y1), die Koordinaten des Scheitelpunkts der unteren rechten Ecke sind (X2, y2).

Gibt an, dass die Form des Hotspots auf einen Kreis eingestellt ist, die Mittelpunktskoordinaten sind (X1, y1) , und der Radius ist r.

gibt an, dass die Form des Hotspots auf ein Polygon und die Koordinaten jedes einzelnen festgelegt ist Scheitelpunkte sind (X1,y1), (X2,y2), (x3,y3)….

Bemerkungen: Die Positionen von x1, y1, x2, y2 werden anhand des Bildes bestimmt, nicht anhand der Größe des Fensters.

markiert den Aktionsbereich in der Bildkarte, daher muss der Aktionsbereich, den es teilt, innerhalb des Bereichs der Bildkarte liegen, daher muss zuvor HTML verwendet werden Verwenden Sie die Markierung , um den Bereich der Imagemap festzulegen und einen Namen für die angegebene Imagemap festzulegen. Kartenname="Bildkartenname"> .... .. .

Das Folgende ist ein Beispiel, um die Verwendung dieser beiden Tags zu veranschaulichen:

Hier ist ein Bild eines neuen Bücherregals. Der Effekt ist: wenn die Maus auf das Buch „Website-Verzeichnis“ klickt. Wenn Sie mit der Maus auf das Buch „Website Design Guide“ klicken, wird ein neues Fenster geöffnet, in dem die Einführung zum Buch und die Bestellseite (urlall.htm) angezeigt werden Zum Buch „Web Page Skills Encyclopedia“ wird ein neues Fenster geöffnet, in dem eine Einführung in das Buch und die Bestellwebseite (pagejqlall.htm) angezeigt werden. Produktionsmethode:

1. Fügen Sie das Bild ein, legen Sie die relevanten Parameter des Bildes fest und legen Sie den Parameter usemap="newbook" ismap im Tag fest, um einen Verweis auf die Bildkarte (newbook) anzugeben );

2. Verwenden Sie die Markierung

Kopieren Sie den CodeDer Code lautet wie folgt:

Einige Punkte, die beim Erstellen der in diesem Artikel vorgestellten Effekte beachtet werden sollten:

1. Vergessen Sie nicht, die Parameter usemap und ismap in der Markierung festzulegen von usemap muss derselbe sein wie der

属性	值	描述	DTD
alt	文本	为一个区域指定备选文本	STF

Optionale Attribute

Eigenschaft

Wert

Beschreibung

DTD

Koordinaten

Koordinaten

Geben Sie die Koordinaten eines Bereichs an

STF

href

URL

Geben Sie das Linkziel einer Region an

STF

nohref

nohref

Zeigt an, dass es in dem Bereich keinen entsprechenden Link gibt

STF

Form

StandardrectKreis

属性	值	描述	DTD
coords	坐标	指定一个区域的坐标	STF
href	URL	指定一个区域的链接目标	STF
nohref	nohref	指出区域内没有相应的链接	STF
shape	default rect circle poly	指定区域的形状	STF
target	_blank _parent _self _top	指出在何处打开新页面	TF

Poly

Geben Sie die Form des Bereichs an

STF

Ziel

_blank_parent_self_top

Geben Sie an, wo die neue Seite geöffnet werden soll

TF

---

Kernattribute

Das

-Tag unterstützt die folgenden Kernattribute:

属性	值	描述	DTD
accesskey	字符	设置访问元素的键盘快捷键	STF
class	类名	指明元素的类名	STF
dir	rtl ltr	指定元素里内容的文本方向	STF
id	id	指明元素的唯一id	STF
lang	语言代码	指定元素内容的语言代码	STF
style	样式定义	指定元素的内嵌样式	STF
tabindex	数字	指定元素的Tab键顺序	STF
title	文本	指定元素的提示文本	STF
xml:lang	语言代码	在XHTML文档中指定元素内容的语言代码	STF

Weitere Informationen zu Kernattributen.

---

Ereigniseigenschaften

Das Tag

unterstützt die folgenden Ereignisattribute:

属性	值	描述	DTD
onblur	脚本	当元素失去焦点时执行脚本	STF
onclick	脚本	在元素区域内单击鼠标（不区分左右键）时执行脚本	STF
ondblclick	脚本	在元素区域内双击鼠标（不区分左右键）时执行脚本	STF
onfocus	脚本	当元素取得焦点时执行脚本	STF
onmousedown	脚本	在元素区域内按下鼠标键（不区分左右键）时执行脚本	STF
onmousemove	脚本	当鼠标指针在元素区域内移动时执行脚本	STF
onmouseout	脚本	当鼠标指针移出元素区域时执行脚本	STF
onmouseover	脚本	当鼠标指针移入元素区域时执行脚本	STF
onmouseup	脚本	在元素区域内松开鼠标键（不区分左右键）时执行脚本	STF
onkeydown	脚本	按下一个键时执行脚本	STF
onkeypress	脚本	按下并松开一个键时执行脚本	STF
onkeyup	脚本	松开一个键时执行脚本	STF