* area 要素型 (HTML, XHTML 1)
[1] [[HTML]] の [DFN[[CODE(HTMLe)[area]] 要素型]]の要素は、
[[クライアント側画像写像]]の[RUBYB[領域] [region / area]]を定義します。
[3] 仕様書:
-
[[HTML 4]]
-- [CSECTION[13.6.1 Client-side image maps: the [CODE(HTMLe)[MAP]] and [CODE(HTMLe)[AREA]] elements]]
[2]
:[[局所名]]:[CODE(HTMLe)[area]]
:[[名前空間名]]:[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:空 ([[強制空要素]])
:出現できる文脈:[CODE(HTMLe)[[[map]]]] 直下
:[[属性]]:
,属性名 ,属性値 ,既定値 ,説明 ,状態 ,出典
,[CODE(HTMLa)[[[accesskey]]]] ,[CODE(SGML)[%[[Char]]]] ,(自動) ,活性化鍵 ,[HTML 4]
,[CODE(HTMLa)[[[alt]]]] ,[CODE(SGML)[%[[Text]]]] ,(必須) ,代替文 ,[HTML 4]
,[CODE(HTMLa)[[[class]]]] , , ,[[級]] ,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[coords]]]] ,[CODE(SGML)[%[[Coords]]]] , ,座標 ,[HTML 4]
,[CODE(HTMLa)[[[csout]]]] , , , ,非標準 ,[[Adobe]]
,[CODE(HTMLa)[[[csover]]]] , , , ,非標準 ,[[Adobe]]
,[CODE(HTMLa)[[[dir]]]] , , ,[[書字方向]] ,[HTML4] %[[i18n]]
,[CODE(HTMLa)[[[href]]]] ,[CODE(SGML)[%[[URI]]]] , ,[HTML 4]
,[CODE(HTMLa)[[[id]]]] , , ,一意識別子 ,[HTML4] %coreattr
,[CODE(HTMLa)[[[lang]]]] , , ,[[自然言語]] ,[HTML4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]] , , ,自然言語 ,[XHTML1]
,[CODE(HTMLa)[[[nohref]]]] ,([[真偽値属性]]) ,(偽) ,リンク先なし ,[HTML 4]
,[CODE(HTMLa)[[[onblur]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[HTML 4]
,[CODE(HTMLa)[[[onclick]]]] , , , ,[HTML4] %[[events]]
,[CODE(HTMLa)[[[ondblclick]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onfocus]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[HTML 4]
,[CODE(HTMLa)[[[onkeydown]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onkeypress]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onkeyup]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmousedown]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmousemove]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmouseout]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmouseover]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmouseup]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[shape]]]] ,[CODE(SGML)[%[[Shape]]]] ,[CODE(HTML)[rect]] ,図形 ,[HTML 4]
,[CODE(HTMLa)[[[style]]]] , , ,スタイル情報 ,[HTML4] %coreattr
,[CODE(HTMLa)[[[tabindex]]]] ,[CODE(SGML)[[[NUMBER]]]] ,(自動) ,焦点移動順 ,[HTML 4]
,[CODE(HTMLa)[[[target]]]] , , ,対象枠・窓 ,[HTML 4] 非推奨
,[CODE(HTMLa)[[[title]]]] , , ,注釈的題 ,[HTML4] %coreattr
,[CODE(XMLa)[[[xmlns]]]] ,[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] 固定 ,== ,W3C 勧告 ,[[XHTML m12n]]
[[#comment]]
** 応用
[4] [CODE(HTMLe)[area]] は強制空要素で[[内容]]を持ちませんから、
普通 UA はレンダリングしません。画像や画像写像に対応していないときには、
[[代替文]] ([CODE(HTMLa)[[[alt]]]] 属性) が使われます。
著者は [CODE(HTMLa)[alt]] を指定しなければなりません。
[5] [CODE(HTMLe)[map]] の内容に [CODE(HTMLe)[area]]
と[[ブロック水準要素]]が混ざっているときは、 UA
は [CODE(HTMLa)[area]] を無視しなければなりません [SUP[ [HTML 4] ]]。
[[#comment]]
** 他との関係
[6] 画像写像の領域の定義には [CODE(HTMLe)[area]] を使う方法と
[CODE(HTMLe)[[[a]]]] を使う方法があって、 HTML 4
では後者をすすめています ([CODE(HTMLe)[[[map]]]] の説明を参照してください)。
混在している場合は [CODE(HTMLe)[area]] が無視されるので (>>5)、
すべて [CODE(HTMLe)[area]] にするか、すべて [CODE(HTMLe)[a]]
にするか、すべて両方で二重に定義するかしかありません。
[[#comment]]
** メモ
[8]
[[画像]]に対応していても、[[画像写像]]には対応していない[[Webブラウザ]]もあります (例: [[Emacs/W3]])。
[[Emacs/W3]] の場合は[[画像]]とは別に[[代替文]]から作られた選択肢一覧が[[レンダリング]]されるようです。
([[名無しさん]])
[[#comment]]
* メモ
[7]
表示領域を指定する、[[HTML]][[共通属性]] ([[MoP]]拡張)。
([[名無しさん]])