HTML Mapタグの使用

巴扎黑

リリース： 2017-06-27 13:37:56

オリジナル

3491 人が閲覧しました

今日JD.comでマーケティングキャンペーンを見かけました。左側のfloating navigationがHTMLのmapタグを使って書かれていたので、それを記録するためにこの記事を思いつきました。

上の写真は、その中の主な家電製品を直接示しています

HTML Mapタグの使用

<p>
	<img  map alt="HTML Mapタグの使用" >
	<map>
		<area>
	</map>
</p>

ログイン後にコピー

ちなみに、いくつかの関連情報を抜粋しました:

HTML クリック可能な領域のある画像マッピング。

すべての主要なブラウザはタグをサポートしています。

定義と使用法

クライアントイメージマップを定義します。イメージマップとは、クリック可能な領域のある画像を指します。

ヒントと注意事項:

注:

area要素は常にmap要素内にネストされます。 area 要素は、イメージマップ内のエリアを定義します。

注:

HTML Mapタグの使用の usemap 属性は、

の id または name 属性を参照できるため、id と name の両方をに追加する必要があります。属性。

HTMLとXHTMLの違い HTMLでは、には終了タグがありません。

XHTML では、を正しく閉じる必要があります。

エリアプロパティ

プロパティ

値

説明

coords

座標値

クリック可能な領域（マウスに反応する領域）の座標を定義します。

href

URL

このゾーンのターゲット URL を定義します。

nohref

画像マップから領域を除外します。領域の形状を定義します。

target

は、href属性を開く場所を指定します

を意味します

Area オブジェクトは、HTML ドキュメント内の画像マッピングの領域を表します (画像マッピングとは、クリック可能な領域を持つ画像を指します)

タグが出現するたびに、Area オブジェクトが作成されます。

Property	Description
accessKey	エリアにアクセスするためのショートカットキーを設定または返します。
alt	ブラウザが特定の領域を表示できない場合に、代替テキストを設定または返します。
coords	イメージマップ内のクリック可能な領域の座標を設定または返します。
hash	リージョン内の URL のアンカー部分を設定または返します。
host	特定のゾーンの URL のホスト名とポートを設定または返します。
href	イメージマップ内のリンクの URL を設定または返します。
id	特定のエリアのIDを設定または返します。
noHref	領域をアクティブにするか非アクティブにするかを設定または返します。
pathname	ゾーン内の URL のパス名を設定または返します。
protocol	特定のゾーンの URL のプロトコルを設定または返します。
search	特定の領域の URL のクエリ string 部分を設定または返します。
shape	イメージマップ内の領域の形状を設定または返します。
tabIndex	特定の領域のタブキー制御順序を設定または返します。
target	ゾーン内のリンク URL を開く場所を設定または返します。