HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > HTMLタグリファレンス > <MAP>

★HTMLタグリファレンス

<MAP>・・・・・ひとつの画像に複数のリンクを設定する(イメージマップ)
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

HTMLタグでひとつの画像に複数のリンクを設定することを、 クライアントサイドイメージマップといいます。

クライアントサイドイメージマップでは、 マップ全体を<MAP>タグで定義し、<MAP>〜</MAP>間に <AREA>タグでリンク領域とそのリンク先を指定します。 また、<IMG>タグでマップを適用する画像とその画像が使用するマップ名を指定します。

■使用例

HTMLソース

<img border="0" src="sample/area.gif" usemap="#sample" alt="サンプル" width="384" height="128">
<map name="sample">
<area href="area.htm" shape="rect" alt="四角形" coords="15,19,126,104">
<area href="area.htm" shape="circle" alt="円形" coords="197,69,54">
<area href="area.htm" shape="poly" alt="多角形" coords="306,12,261,109,378,92">
</map>
↓↓↓

ブラウザ上の表示

サンプル 四角形 円形 多角形

■HTML5情報

<map> …… イメージマップを作成する

▲ページ先頭へ
トップページ > HTMLタグリファレンス > <MAP>

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2012 HTMQ