【html】画像内の特定部分のみにリンクを貼りたい（クリッカブルマップ） - Qiita開始タグ 複雑なレイアウトをページに載せたい時は画像にして対応することが多いと思いますが、フロアマップなどの場合だとページ内リンクをつけることもあったので、今回メモ。 やりたいこと ・画像内の特定箇所にリンクを貼りたい ・レスポンシブしても同じ箇所（領域）にリンクを貼っておきたい。 方法 「クリッカブルマップ」と呼ばれるものを使います。 HTMLソースだとこんな感じ。 <figure><img src="asset/img/img_sample.jpg" alt="" usemap="#link"></figure> <map name="link"> <area shape="rect" coords="46,0,1034,456" href="#place01" alt="" /> </map> 仕組みとしては、紐付けした画像の上にareaタグで領域を指定してリンクを設定している、とい
