制作者の活動(PR)。

堀北真希ちゃんにうさ耳を着けたオリジナルキャラクタ。次ぎ
主な作品

堀北真希ちゃんがボシュロム社コマーシャルに出演した事にちなんだ、ソフトコンタクトを着けている堀北真希うさぎ(うさ耳女子大生)のイラストと仮想CM動画

<area>要素(クライアントサイドクリッカブルマップの領域指定)。

クライアントサイドクリッカブルマップでのクリッカブル領域である<area>要素についての解説です。

<area>要素(クライアントサイドクリッカブルマップの領域指定)・目次。

<area>要素とは。

<area>要素とは、クライアントサイドクリッカブルマップでのクリッカブル領域です。

<area>要素を利用出来るHTML文書型。

<area>要素は、以下の文書型で利用出来ます。

<area>要素が含まれるXHTML モジュール。

<area>要素はクライアントサイド・イメージマップモジュールに属します。

<area>要素の扱い。

<area>要素は<map>要素の直下にのみ記述出来ます。

また、内容となるテキストは持たないため、空要素となります。

<area>要素の属性。

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

alt属性(必須)
当該クリッカブルマップが利用出来ない場合に代わりとなるテキストを指定します。
href属性
リンク先のURIを指定します。詳しくはhref属性(リンク先のURI)をご覧下さい。
nohref属性値

リンクを持たない場合にhref属性の代わりに指定します。尚、XHTMLでは属性値だけの記述は出来ないためnohref="nohref"属性とします。

共通属性

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

があります。

shape属性
<map>要素内で<a>要素を用いる場合に、クライアントサイドクリッカブルマップにおける対象領域の形状を指定します。詳しくはshape属性(クライアントサイドクリッカブルマップでの領域の形状)をご覧下さい。
coords属性
<map>要素内で<a>要素を用いる場合に、クライアントサイドクリッカブルマップにおける対象領域の座標を指定します。詳しくはcoords属性(クライアントサイドクリッカブルマップでの領域の座標)をご覧下さい。
tabindex属性
TABキーによるフォーカス移動の優先順位を指定します。詳しくはtabindex属性(TABキー等でのフォーカス移動の優先順位)をご覧下さい。
accesskey属性
キーボードや携帯電話のダイヤルボタンでのアクセスを可能にします。詳しくはaccesskey属性(キーボード等でのアクセス)をご覧下さい。
onfocus属性
当該要素にフォーカスがあった際に起動するクライアントサイドスクリプトを指定します。詳しくはonfocus属性(当該要素がフォーカスされた際に起動するスクリプト)をご覧下さい。
onblur属性
当該要素からフォーカスが離れた際に起動するクライアントサイドスクリプトを指定します。詳しくはonblur属性(当該要素からフォーカスが外れた際に起動するスクリプト)をご覧下さい。

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

指定した領域が重なる場合。

指定領域に重なる部分が生じた場合、その部分は前の方の<area>要素となります。

<area>要素の例。

<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>

関連項目。

<img>要素
HTML文書に埋込まれる画像
<object>要素
HTML文書に埋込まれるオブジェクト
<map>要素
クライアントサイドクリッカブルマップ

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com