クリッカブルイメージマップ(map area)
クリッカブルイメージマップとは、<IMG>タグで表示した画像にクリックすると特定のURLへ飛ぶリンクを作ることです
これを利用すれば地図やメニューなどを画像を使ってよりビジュアルに表現できます
▼IMGとMAPの関連づけ
<IMG usemap="#マップ名" src=画像のURL><MAP name="マップ名">
領域の定義(<AREA>タグ)
</MAP>
<IMG>タグに<MAP>タグの名前を「usemap」で指定します。名前の前に「#」をつけます
<IMG>タグの「usemap」に指定するマップ名を「name」で指定し、画像とマップを関連づけます
▼AREAの指定
・画像内のどこをクリックすればどこにリンクするかを指定します・「coords」の指定は手作業ではほとんど不可能です。そのためHTMLエディタが必要となってきます
<AREA shape="形状の指定" coords="座標" href="URL">
「shape」と「coords」で領域の形を指定します
「href」のかわりに「npref」を指定すればその領域をクリックしても何も起こりません
「target」を属性として加えることもできます
@shapeとcoords座標(X,Y)
・shape=RECT coords="左上X、左上Y、右下X、右下Y":四角形
・shape=CIRCLE coords="中心X、中心Y、半径":円
・shape=POLYGON coords="X1、X2、X3、Y1、Y2、Y3、----":多角形(座標は三点以上指定)
・shape=DEFAULT:他の<AREA>で指定されていない部分
フレームの解除やフローティングフレーム(frame)
リンクする場合のフレームの解除方法やフローティングフレームの設定方法です▼フレーム解除や新しいウインドウを開く(target)
・これらは「HREF」の属性ですtarget="_blank":名前のない新しいウインドウを開く
target="_self":現在と同じウインドウ
target="_parent":現在のフレームの1つ上位のウインドウを開く
target="_top":フレームを解除
▼フローティングフレーム(iframe)
このタグはページの中の任意の位置に別のページを表示するフレームを作ることができます普通のフレームとは違い、BODYの内部に普通に書きます
ただしIEのみにしか対応していません
<IFRAME>
IFRAMEが使えない場合の表示
</IFRAME>
以上が基本形です。後は以下の属性を必要に応じて加えて下さい
@WIDTHとHEIGHT
フレームの幅と高さを指定します
@align
ALIGN=left:左に寄せます
ALIGN=right:右に寄せます
ALIGN=center:行の中央とフレームの縦方向の中央を一致させます
ALIGN=top:行の上辺とフレームの上辺を一致させます
ALIGN=bottom:行の下辺とフレームの上辺を一致させます
@src、name、franeborder、marginwidth、marginheight、scrolling
これらはフレームと同じです
ex.
[ → BACK ]