<map> - クリッカブルマップ

トップ > HTMLリファレンス > <map>

概要

項目説明
形式<map name="...">~</map>
サポートH3 / e2 / Ch1 / Fx1 / Sa1/ Op1 / N2
カテゴリフローコンテンツ, フレージングコンテンツ, パルパブルコンテンツ
親要素フレージングコンテンツ を子要素に持てるもの
子要素トランスペアレント
タグの省略開始タグ:必須 / 終了タグ:必須

説明

ひとつのイメージ上のクリックする場所によって別のリンク先にジャンプする機能をクリッカブルマップと呼びます。クリッカブルマップにはサーバーサイドクリッカブルマップと、クライアントサイドクリッカブルマップがありますが、<map> タグはクライアントサイドクリッカブルマップを実現します。

属性

【固有属性】
属性意味
name=nameH4/e4/Ch/Fx/Sa/Op/N2。img等の usemap属性で参照される名前を指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<img src="image/map.gif" alt="画像" usemap="#maptest" style="width:243px; height:68px">
<map name="maptest">
 <area shape="rect" coords="11,16,63,54" alt="HTML" href="../html/index.htm">
 <area shape="poly" coords="73,50,159,50,159,24,73,9" alt="JavaScript" href="../js/index.htm">
 <area shape="circle" coords="197,32,28" alt="CGI" href="../wwwcgi.htm">
 <area shape="default" alt="Other" href="../www.htm">
</map>
表示
画像 HTML JavaScript CGI Other

関連項目

<area><img>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/map.htm