HTMLのマップタグ

画像の画像地図ハイパーリンク、<地図>タグの簡単な説明

HTMLでは、画像を複数のホットスポット領域に分割することもでき、各ホットスポット領域は異なるWebページ上のリソースにリンクします。この効果の本質は、画像をさまざまなホットスポット領域に分割し、さまざまな領域をハイパーリンクできるようにすることです。これがイメージマップです。マップ エリアのハイパーリンクを完成させるには、次の 3 つのタグが使用されます:

Image Map タグの使用形式:

< ; img src="グラフィック ファイル名" usemap="#画像の名前">

usemap イメージマップ (マップの名前) への

参照

を表すため;--> < map name="マップの名前">

<マップ名= "マップの名前">

map> タグを使用して画像マップ領域の役割を設定し、name 属性を使用して画像に名前を付けます -->

ホットスポットエリア

,,,,,,, =rect： 長方形

2 つの数字は左上隅の座標で、後の 2 つの数字は右下の座席です。最初の 2 つの数字を使用します。数字は円の中心の座標、最後の数字は半径の長さです。Polygon): グラフの各転換点の座標を順番に入力します。 例:

以下は例です

この記事で紹介するエフェクトを作成する際に注意すべきポイント

1.忘れずに設定してください タグ内の usemap および ismap パラメータ、および usemap のパラメータ値は

2. 同じ「イメージ マップ」内のすべてのホットスポット エリアはイメージ マップの範囲内にある必要があります。つまり、すべての タグは < Between map> と < 内にある必要があります。 ;/map>;

3. タグのcordsパラメータで設定した座標形式は、shapeパラメータで設定した影響範囲の形状と一致し、シェイプパラメータではエフェクトエリアが表示されますが、ポリゴンエリアの頂点の座標はコードで設定されます。

以上がHTMLのマップタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。