MILK2016/6/9更新HTMLにおける<area>タグの使い方タイトルとURLをコピーひとつの画像に複数のリンクを設定することをクライアントサイドイメージマップといいます。このクライアントサイドイメージマップではマップ全体を<map>タグで定義し、リンク領域とリンク先を設定するタグが<area>です。今回は<area>タグの使い方を紹介していきます。HTMLにおける<area>タグの使い方area要素はshape属性、coords属性で領域の形と座標を指定し、href属性でリンク先のURLを指定します。href=”リンク先のアドレス></map>ここで<area>タグで指定するリンクの領域の形状には四角形(rect)、円形(curcle)、多角形(Poly)の3種類があります。指定する複数のリンク領域が重なったときには先に指定したリンク領域が優先されます。MILKがリンク先の場合、次の例のように記載されます。href=”http://uxmilk.jp/”></map>shape属性で四角形を指定している場合には、coords属性の座標は4つ必要になります。使用できる属性は以下のものがあります。altcoordshreftargetnohrefnameshaperelmediahreflanglinkグローバル属性:accesskeyclasscontenteditabledirhiddenidlangspellcheckstyletabindextitletranslateイベントハンドラ属性:onblur/onfocusonclickondblclickonkeydown/onkeypress/onkeyuponmousedown/onmousemove/onmouseuponmouseout/onmouseoverまとめ<area>タグは画像のリンク領域とリンク先を設定します。リンク領域の設定には形状と座標が必要になります。MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。