HTML でのマップタグの説明-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML でのマップタグの説明

高洛峰

Mar 12, 2017 pm 05:21 PM

この記事では、HTML でのマップタグの説明を紹介します

画像のイメージマップハイパーリンク、タグの簡単な説明です

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

Image Map タグの使用形式:

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

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

参照

を表すには。 < map name="マップの名前">

画像マップの効果の領域を設定し、名前属性を使用して画像に名前を付ける - ＆gt;

use using using using ‐ ‐ ‐ ‐

と

【2】座標 -- 領域の点座標を定義します

a. 4 つの数値を使用する必要があります。最初の 2 つの数値は左上隅の座標、最後の 2 つの数字は右下隅の座標です

例:

b. 円: 3 つの数値を使用する必要があります。最初の 2 つの数値は円の中心の座標で、最後の数値は半径の長さです

例:

c. 任意のグラフィック (ポリゴン): グラフィックの各転換点の座標を順番に入力します

例:

これが例です

そしてusemap のパラメータ値は、タグの name パラメータ値と同じである必要があります。つまり、「イメージマップ名」が一貫している必要があります。 2. 同じ「イメージマップ」内のすべてのホットスポット領域。 " がイメージマップ内に存在する必要があります。範囲内、つまりすべてのタグがの間にある必要があります。形状パラメータに長方形のアクションエリアが設定される現象を避けるために、設定されたアクションエリアの形状は一致する必要がありますが、コードにはポリゴン領域の頂点座標が設定されます。

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

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。