制作者の活動(PR)。

HTML 4.01に準拠した現行のユーザエージェントでは、<map>要素内にブロックレヴェル要素と<area>要素が混在している場合はブロックレヴェル要素の内容に従ってクリッカブルマップを生成する事が求められております。この場合、<area>要素は無視される事になります。
ネットスケープ 4.x以前など、HTML 4.01に準拠していない旧式のユーザエージェントでは、<map>要素内の<a>要素でのクリッカブル領域指定を認識しないため、代わりに<area>要素を認識する事になるでしょう。

尚、XHTMLではブロックレヴェル要素か<area>要素のいずれか片方のみを記述する事となっております。

<map>要素には、以下の属性が定められております。

<map>要素の属性一覧を読み飛ばす

name属性(ISO-HTMLでは必須)

クリッカブルマップを描く<img>要素または<object>要素がusemap属性で参照するフラグメント名を指定します。name属性についてもご覧下さい。

name属性はXHTML 1.1では廃止されました。代わりにid属性を使う事になります。

共通属性

<map>要素で使える共通属性には

があります。

共通属性はHTML 3.2では使えません。

<map>要素の属性一覧はここまで。

<map>要素に関する注意事項。

name属性について。

▲記事先頭
△前項目
▽次項目

name属性は、XHTML 1.0以降はid属性に置き換える事が推奨されております。

しかしながら、ネットスケープ 4.x以前などの旧式のユーザエージェントでは、id属性によるフラグメントは機能しません。

このため、XHTML 1.0ではid属性とname属性を併記する事が求められております。

このとき、id属性とname属性の値は同じものとします。

また、ISO-HTMLではname属性は必須属性となっております。

name属性の値はDTD上ではCDATA(任意の文字列)となっておりますが、id属性に置き換えられるべきものである事から、id属性同様

半角の英字で始まり、半角英数字, 半角アンダスコア「_」, 半角ハイフン「-」, 半角コロン「:」及び半角ピリオド「.」のみからなる文字列

にすべきでしょう。

name属性の値は大文字小文字を区別します。

但し、一部のユーザエージェントには大文字小文字を区別出来ないものもあります。

尚、ISO-HTMLではid属性及びname属性の値に用いる英字には大文字を使うべきとされております(ISO/IEO 15445:2000のDTDに依る)。

小文字を使う事を禁じられている訳ではありませんが。

<map>要素の記述例。

▲記事先頭
△前項目
▽次項目

以下、XHTML 1.0での記述とします。

<map>要素の記述例を読み飛ばす

<div class="map">
    <h2><img alt="営業エリア" src="Map.html" width="320" height="240" usemap="#MAP1" /></h2>
    <map id="MAP1" name="MAP1">
        <area href="North.html" alt="北部エリア" shape="rect" coords="0, 0, 319, 59"/>
        …
        <area href="South.html" alt="南部エリア" shape="rect" coords="0, 180, 319, 239"/>
        </map>
    </div>