ホームページ  >  記事  >  ウェブフロントエンド  >  HTML でのマップタグの説明

HTML でのマップタグの説明

高洛峰
高洛峰オリジナル
2017-03-12 17:21:512572ブラウズ

この記事では、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 までご連絡ください。