<map> - クリッカブルマップ <map> - クリッカブルマップ| 項目 | 説明 |
|---|---|
| 形式 | <map name="...">〜</map> |
| サポート | H3+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ |
| タグの省略 | 開始タグ：必須、終了タグ：必須 |
| 包含可能要素 | ブロック要素 / area |
ひとつのイメージ上のクリックする場所によって別のリンク先にジャンプする機能をクリッカブルマップと呼びます。クリッカブルマップにはサーバーサイドクリッカブルマップと、クライアントサイドクリッカブルマップがありますが、<map> タグはクライアントサイドクリッカブルマップを実現します。
| 属性 | 意味 |
|---|---|
| class=class | H4+/e3+/N4+。クラスを指定します。 |
| id=id | H4+/e3+/N4+。ID を指定します。 |
| style=style | H4+/e3+/N4+。スタイルシートを指定します。 |
| title=title | H4+/e4+/N6+。タイトルを指定します。 |
| dir=dir | H4+/e5+/N6+。文字の表示方向を指定します。 |
| lang=lang | H4+/e4+/N6+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| IE拡張属性 | 他にもIEで拡張された属性が指定可能です。 |
| HTMLソース |
|---|
<img src="image/map.gif" alt="画像"
usemap="#maptest" border=0 width=243 height=68>
<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>
|
| ブラウザ表示例 |
|---|
|