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

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

概要

項目説明
形式<area shape="..." coords="..." href="..." alt="...">
サポートH3 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2
カテゴリフローコンテンツ, フレージングコンテンツ
親要素フレージングコンテンツ を子要素に持つもの (ただし、map または template 要素が祖先に必要)
子要素無し(Empty)
タグの省略開始タグ:必須 / 終了タグ:無し

説明

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

属性

【重要属性】
属性意味
shape=shapeH3/e2/Ch/Fx/Sa/Op/N2。クリック領域の形を指定します。
  rect:矩形(H3/e2/Ch/Fx/Sa/Op/N2)
  rectangle:矩形(e2/N6)
  poly:多角形(H3/e2/Ch/Fx/Sa/Op/N2)
  polygon:多角形(e2)
  circ:円形(e2/N6)
  circle:円形(H3/e2/Ch/Fx/Sa/Op/N2)
  default:それ以外の場所(H5/Ch/Fx/Sa/Ch/N2)
coords=coordsH3/e2/Ch/Fx/Sa/Op/N2。リンク領域の座標を指定します。shape が rect の時は左上、右下の座標を "x1,y1,x2,y2" と指定します。shape が poly の時はそれぞれの座標を "x1,y1,x2,y2,x3,y3" と指定します。shape が circle の時は中心の座標と半径を "x,y,r" と指定します。
href=urlH3/e2/Ch/Fx/Sa/Op/N2。この領域をクリックした時のジャンプ先を指定します。
alt=altH3/e2/Ch/Fx/Sa/Op/N6。代替テキストを指定します。アクセシビリティ向上のため、HTML4.01 では必須属性として定義されています。
【固有属性】
属性意味
target=targetH5/H4T/e3/Ch/Fx/Sa/Op/N2。表示ターゲットを指定します。
download=filenameH5。HTML5 で追加されました。リンク先のリソースをダウンロードする目的のリンクであることを示します。値は省略可能で、指定する場合は、ダウンロードの際のファイル名を指定します。この属性を指定することで、画像などのファイルでもクリック時に表示するのではなく、ダウンロードできるようになります。ファイル名に制限はありませんが、OSや環境によって使用不可能文字が変更されることがあります。
hreflang=hreflangH4。リンク先文書の言語(ja など)を指定します。
type=typeH4。リンク先文書の MIMEタイプ(text/htmlなど)を指定します。
rel=relH5/e2。この文書から見たリンク先の文書との関係を記述します。rel には next, previous, parent などを指定します。あまり使用されていません。
rev=reve2。リンク先の文書から見たこの文書との関係を記述します。revには next, previous, parent などを指定します。あまり使用されていません。
media=mediaH4-4。リンク先のメディアタイプを指定します。
methods=methodsH3-4/e4。リンク先のオブジェクトが持つ機能についての情報を記述しますが、あまり使用されていません。HTML2.0 では定義されていましたが、HTML3.2 では削除されました。
name=namee2/N2。名前を指定します。
nohrefH3-4/e2/N2。この領域をクリックした時にどこにもジャンプしないようにします。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

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


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