CSS
<area> - クリッカブルマップエリア
概要
形式<area shape="..." coords="..." href="..." alt="...">
サポートH3〜H4s〜 / e2〜 / N2〜
タグの省略開始タグ:必須、終了タグ:無し
説明

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

属性
【重要属性】
属性意味
shape=shapeH3-H4s/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-H4s/e2/N2。リンク領域の座標を指定します。shape が rect の時は左上、右下の座標を "x1,y1,x2,y2" と指定します。shape が poly の時はそれぞれの座標を "x1,y1,x2,y2,x3,y3" と指定します。shape が circle の時は中心の座標と半径を "x,y,r" と指定します。
href=urlH3-H4s/e2/N2。この領域をクリックした時のジャンプ先を指定します。
alt=altH3-H4s/e2/N6。代替テキストを指定します。アクセシビリティ向上のため、HTML4.01 では必須の属性として定義されています。

【固有属性】
属性意味
accesskey=keyH4s/e5。例えば accesskey=X としておくと、キーボードで ALT キーを押しながら X キーを押したとき、このリンクにフォーカスが移動します。
nohrefH2-H4s/e2/N2。この領域をクリックした時にどこにもジャンプしないようにします。
hreflang=hreflangH4s。リンク先文書の言語(ja など)を指定します。
methods=methodsH2/e4。リンク先のオブジェクトが持つ機能についての情報を記述しますが、あまり使用されていません。HTML2.0 では定義されていましたが、HTML3.2 では削除されました。
rel=relH2/e2。この文書から見たリンク先の文書との関係を記述します。rel には next, previous, parent などを指定します。あまり使用されていません。
rev=revH2/e2。リンク先の文書から見たこの文書との関係を記述します。revには next, previous, parent などを指定します。あまり使用されていません。
tabindex=nH4s/e4/N6。タブインデックスを指定します。
target=targetH4t/e3/N2。表示ターゲットを指定します。

【一般属性】
属性意味
class=classH4s/e4/N6。クラスを指定します。
dir=dirH4s/N6。文字の表示方向を指定します。
id=idH4s/e4/N6。 ID を指定します。
lang=langH4s/e4/N6。言語を指定します。
language=languagee4。スクリプト言語を指定します。
name=namee2/N2。名前を指定します。
style=styleH4s/e3/N4。スタイルシートを指定します。
title=titleH4s/e4/N6。タイトルを指定します。
使用例

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

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


CSS
Ryuumu