私はpsdファイルから得た図を持っています。
そのダイアグラムのいくつかの要素をクリックできるようにする必要があります。基本的には円で、中心と基本方向 (N、S、E、W) の 4 つの領域をクリック可能にする必要があります。
タグ付きのイメージマップは、<area>
このようなことを行うための最良の方法ですか?
はいといいえ。イメージ マップは、HTML5 で使用することが依然として非常に許可されており、目的が解決される場合は、必要なだけ使用できます。ただし、image-map の代わりにSVGを使用することもできます。SVG を使用すると、アニメーションと効果の両方に関してより多くのオプションが得られますが、いくつかの新しいイベント トリガー (onmouseover など) も提供されます。