記事タグHTML5areaタグ(area要素)は、クリッカブルマップにおける領域を指定します。HTML5におけるarea要素の意味と使い方、使用できる属性、サンプルコード、使用例について解説します。属性="属性値">area要素は、クライアントサイドクリッカブルマップにおける領域を指定します。使用できる文脈フレージングコンテンツが期待される場所。】href属性で関連付けられたURLに関する代替テキストを指定します。href属性が指定された場合は必須です。同一のmap要素内に、同じURLが指定されたhref要素をもつ別のarea要素が存在し、そこに適切なalt属性が指定されている場合は省略できます。】リンクする領域の座標を指定します。座標は1つの点につき、X軸、Y軸の座標のセットで表します。指定すべき座標の数は以下のように、shape属性の値に従います。座標の基点は画像の左上隅です。移動先をURLで指定して、area要素の領域をハイパーリンクとします。href属性を指定しない場合は、この要素で指定された領域はクリックできない領域となります。この場合は、alt、target、rel、media、hreflang、typeの各属性も省略する必要があります。【ハイパー・リファレンス・ランゲージ】リンク先の文書の記述言語を表します。日本語のページから英語のページにリンクをする場合など、リンク先が英語で書かれているという情報をブラウザーと閲覧者に伝えます。属性値については、lang属性の解説を参照してください。【メディア】リンク先の文書や読み込む外部リソースを、どのメディアに適用するのかを指定します。値は妥当なメディアクエリである必要があります。現在の文書からみた、リンク先となるリソースの位置付けを表します。HTML5の仕様書で定義されている属性値は以下の通りです。半角スペースで区切って、複数の値を指定できます。Wikiには提案された多くの属性値がまとめられています。link要素の解説も参照してください。alternate代替文書(フィード、別言語版、別フォーマット版など)を表します。author著者情報を表します。bookmark多角形helpヘルプへのリンクを表します。licenseライセンス文書を表します。next連続した文書における次の文書を表します。nofollow重要でないリンクを表します。noreferrerユーザーがリンクを移動する際、リファラーを送信しません。prefetchリンク先のリソースをあらかじめキャッシュするように指定します。prev連続した文書における前の文書を表します。search検索機能を表します。tag文書に指定されたタグのページを表します。画像内でリンクする領域の形状を指定します。指定できる値は以下の通りです。省略された場合はrectが指定されたものとして扱われます。【ターゲット】リンクアンカーの表示先を指定します。属性値には任意の名前か、以下のキーワードを指定できます。_blankリンクは新しいブラウジングコンテキストに展開されます。_parentリンクは現在のブラウジングコンテキストの1つ上位のブラウジングコンテキストを対象に展開されます。_self多角形_topリンクは現在のブラウジングコンテキストの最上位のブラウジングコンテキストを対象に展開されます。【タイプ】リンク先のMIMEタイプを指定します。グローバル属性すべての要素で使用できる属性です。href="リンク先のURL"></map>以下の例では、一都三県のボタンがある1つの画像を利用したクリッカブルマップを作成しています。クリッカブルマップで利用する画像をimg要素で指定したら、usemap属性に接頭辞のハッシュマーク(#)を付けたマップ名を指定します。マップ名は、map要素のname属性で指定した値です。これで、map要素とimg要素が関連付けられます。area要素のshape属性、coords属性で領域の形、座標を指定し、href属性でリンク先を指定します。例では、shape="rect"とcoords属性による4点の座標を領域に指定することで、四角形のボタンがリンクとしてクリックできるようになっています。alt="一都三県の地図。エリア内の店舗一覧に移動します。埼玉県は現在営業所がありません。クリッカブルマップを表すShare記事をシェアするtweetpocketこの記事が気に入ったらいいね!しようできるネットから最新の記事をお届けします。ゆうこ)Webサイト制作を行うデジパ株式会社所属のマークアップエンジニア。HTML、CSSによるコーディング業務から、CMSの導入・カスタマイズまで、制作業務全般に携わる。「ディレクターからの指示がなくても、かゆいところに手が届くように」がモットー。よしき)フリーランスによるWebサイト制作業務などを経て、2004年よりWebサイト制作を行うデジパ株式会社に所属。クリエイティブ事業部マネージャー。個人活動としてセミナーでの講演、執筆も行う。