<area> - クリッカブルマップエリア

トップ > HTMLリファレンス > <area>

■ 概要

項目説明
形式<area shape="..." coords="..." href="..." alt="...">
サポートH3+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
タグの省略開始タグ:必須、終了タグ:無し

■ 説明

<area> は <map> と組み合わせて使用します。詳細は <map> を参照してください。

■ 属性

【重要属性】
属性意味
shape=shapeH3+/e2+/N2+。クリック領域の形を指定します。
  rect:矩形(H3/e2/N2)
  rectangle:矩形(e2/N6)
  poly:多角形(H3/e2/N2)
  polygon:多角形(e2)
  circ:円形(e2/N6)
  circle:円形(H3/e2/N2)
  default:それ以外の場所(N2)
coords=coordsH3+/e2+/N2+。リンク領域の座標を指定します。shape が rect の時は左上、右下の座標を "x1,y1,x2,y2" と指定します。shape が poly の時はそれぞれの座標を "x1,y1,x2,y2,x3,y3" と指定します。shape が circle の時は中心の座標と半径を "x,y,r" と指定します。
href=urlH3+/e2+/N2+。この領域をクリックした時のジャンプ先を指定します。
nohrefH3-H4/e2+/N2+。この領域をクリックした時にどこにもジャンプしないようにします。
alt=altH3+/e2+/N6+。代替テキストを指定します。アクセシビリティ向上のため、HTML4.01 では必須の属性として定義されています。

【固有属性】
属性意味
hreflang=hreflangH4+。リンク先文書の言語(ja など)を指定します。
media=mediaH4+。リンク先のメディアタイプを指定します。
methods=methodsH3+/e4+。リンク先のオブジェクトが持つ機能についての情報を記述しますが、あまり使用されていません。HTML2.0 では定義されていましたが、HTML3.2 では削除されました。
rel=relH5+/e2+。この文書から見たリンク先の文書との関係を記述します。rel には next, previous, parent などを指定します。あまり使用されていません。
rev=reve2+。リンク先の文書から見たこの文書との関係を記述します。revには next, previous, parent などを指定します。あまり使用されていません。
name=namee2+/N2+。名前を指定します。
target=targetH4T/H5+/e3+/N2+。表示ターゲットを指定します。
type=typeH5+。タイプを指定します。

【一般属性】
属性意味
class=classH4+/e4+/N6+。クラスを指定します。
id=idH4+/e4+/N6+。 ID を指定します。
style=styleH4+/e3+/N4+。スタイルシートを指定します。
title=titleH4+/e4+/N6+。タイトルを指定します。
dir=dirH4+/N6+。文字の表示方向を指定します。
lang=langH4+/e4+/N6+。言語を指定します。
accesskey=keyH4+/e5+。アクセスキーを指定します。
tabindex=nH4+/e4+/N6+。タブインデックスを指定します。
language=languagee4+。スクリプト言語を指定します。
contenteditable=boolH5+/e55+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。

■ 使用例

<map> を参照してください。


Copyright (C) 1996-2011 杜甫々
初版:2000年10月9日 最終更新:2011年5月29日
http://www.tohoho-web.com/html/area.htm