タグは主にイメージ マップで使用され、ユーザーが指定したアクティブ エリアにマウスを移動すると、イメージ マップ内にアクティブ エリア (ホットスポットとも呼ばれます) を設定できます。クリックすると、自動的にプリセットページに移動します。基本的な構文構造は次のとおりです:
class と id: ホットを指定します。それぞれタイプとID番号。
alt: ホットスポットの設定に使用される代替テキスト。
href: ホットスポットにリンクされた URL アドレスを設定するために使用されます。
shape と coords: ホットスポットの形状とサイズを設定するために使用される 2 つの主要なパラメーターです。基本的な使用法は次のとおりです。
備考: x1、y1、x2、y2 の位置は、ウィンドウのサイズではなく、画像に基づいて決定されます。
マークはイメージマップ内のアクションの領域を分割するため、分割するアクションの領域はイメージマップの領域内にある必要があるため、< を使用する前にarea> エリアを分割するには、HTML を使用する必要があります。 別のタグ
以下は、これら 2 つのタグの使用法を示す例です。
これは新しい本棚の写真です。効果は次のとおりです。マウスが書籍「Website Directory」をクリックしたとき。書籍「Web サイト デザイン ガイド」をクリックすると、新しいウィンドウが開き、書籍の紹介と注文ページ (urlall.htm) が表示されます。マウスをクリックすると、注文 Web ページ (siteall.htm) が表示されます。書籍「Web ページ スキル エンサイクロペディア」では、新しいウィンドウが開き、書籍の紹介と注文 Web ページ (pagejqlall.htm) が表示されます。作成方法:
1. 画像を挿入し、画像の関連パラメータを設定し、画像マップ (newbook) への参照を示すパラメータ usemap="newbook" ismap を設定します。 );
2.
マークを使用して、イメージ マップの効果範囲を設定します。 3 冊の本の位置をターゲットにするには、3 つの長方形のアクション領域を分割し、それらのリンク パラメータ href を設定します。
この例のソースコードは次のとおりです。
属性 | 值 | 描述 | DTD |
---|---|---|---|
alt | 文本 | 为一个区域指定备选文本 | STF |
オプションの属性
プロパティ | 値 | 説明 | DTD | ||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
座標 | 座標 | 領域の座標を指定する | STF | ||||||||||||||||||||||||
href | URL | リージョンのリンク ターゲットを指定する | STF | ||||||||||||||||||||||||
nohref | nohref | そのエリアに対応するリンクがないことを示します | STF | ||||||||||||||||||||||||
形状 | デフォルト
|
領域の形状を指定する | STF | ||||||||||||||||||||||||
ターゲット | _blank_parent_self_top | 新しいページを開く場所を指定します | TF |
属性 | 值 | 描述 | 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 |
コア プロパティに関する詳細情報。
イベントのプロパティ
タグは次のイベント属性をサポートします:
属性 | 值 | 描述 | 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 |