<エリアンタグは、主に画像マップに使用されます。このタグを介して、アクティブな領域(ホットスポットとも呼ばれます)を画像マップに設定できます。このようにして、ユーザーのマウスが指定されたアクティブ領域に移動してクリックすると、事前に設定されたページに自動的にリンクされます。その基本的な構文構造は次のとおりです。
<AREA Class = type id = value href = url alt = text shape = area-shape cool = value>
クラスとID:それぞれホットスポットを指定するタイプとID番号です。
ALT:ホットスポットを設定するために使用される代替テキスト。
HREF:ホットスポットがリンクされているURLアドレスを設定するために使用されます。
形状と座標:ホットスポットの形状とサイズを設定するために使用される2つの主要なパラメーターです。基本的な使用法は次のとおりです。
<領域の形状= rect座標= 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の位置は、ウィンドウのサイズではなく、画像に基づいて決定されます。
<エリアンタグは、画像マップの演技領域を分割するため、分割された作用領域は画像マップの領域内にある必要があります。したがって、領域を<エリアンタグで除算する前に、別のHTMLタグ<Map>を使用して、画像マップの作用領域を設定し、指定された画像マップの名前を設定する必要があります。このタグの使用法は非常に単純です。つまり、<マップ名=画像マップ名> ...... </map>。
以下は、これら2つのマーカーの使用を説明する例です。
これが新しい本棚の写真です。効果は次のとおりです。本をクリックすると、新しいウィンドウが開かれ、本の紹介ページ(urlall.htm)が表示されます。 Webサイトデザイン戦略の本をクリックすると、新しいウィンドウが開かれ、本の紹介と注文ページ(Siteall.htm)が表示されます。本をクリックすると、新しいウィンドウが開かれ、本の紹介と注文ページ(pagejqlall.htm)が表示されます。作り方:
1.画像を挿入し、画像の関連パラメーターを設定し、パラメーターUSEMAP = newBook ISMAPを<IMG>タグに設定して、画像マップ(NewBook)への参照を表します。
2。<map>を使用して、画像マップのアクション領域を設定し、名前を付けます。NewBook;
3。<エリア>マークを使用して、3冊の本の位置に基づいて3つの長方形のアクション領域を分割し、リンクパラメーターを設定します。
完成した生産、この例のソースコードは次のとおりです。
コードをコピーします