<map>まず、ドキュメントのどこにでもタグを配置でき、イメージ マップが問題なく機能することに気付きました。<map>では、タグを に配置するのが一般的な方法ですか、それとも対応するの直後に配置<head>する方が良い方法ですか?<body><img />
次に、マップ タグが HTML5 の時点で廃止されていないことを知っています。タブを使用すると、クライアント側のイメージ マップ内のすべてのリンクをジャンプできます。それにもかかわらず、イメージ マップが時代遅れでアクセスできないという話をよく耳にします。これは本当ですか？
最後に、CSS や JavaScript を使用してイメージ マップを実装するためのより適切でアクセスしやすい方法があるという話をよく耳にしますが、実際の例を見たことがありません。誰かがクロスブラウザ互換の例を示したり、リンクしたりできますか (つまり、IE で動作します)。
この質問には誰も意見を持っていないので、完全を期すために、これまでに学んだことで自分の質問に答えようと思いました.
W3Schoolsによると、Head 要素に入れる必要があるタグは 6 つだけで、Map / Area タグは 6 つには含まれていません。さらに、関連付けによって、map タグが img タグの直前にある場合にマークアップがより理解しやすくなります。
2 番目の質問については、私が聞いたいくつかの情報源は、評価が間違っていたか、サーバー側のイメージ マップと言うつもりだったときにクライアント側のイメージ マップを誤って参照していたと思います。クライアント側のイメージ マップは非常にアクセスしやすくなっています。
画像マップの代替として:
div/spans、フローティング、z-indexing、およびホバー擬似セレクターを使用してイメージ マップを作成する一般的なイメージ マップ効果を実現する非 JavaScript メソッドがいくつかあります。ただし、実際のイメージ マップは JavaScript イベント ハンドラーを追加することで同じ効果を達成できるため、これらは避ける必要があります。
JavaScript では、マウスの座標を監視し、ユーザーが画像の特定の座標内をクリックしたときのイベント ハンドラーを設定できるため、プログラムで画像マップ効果を複製できます。ただし、この手法は JavaScript のみを使用するため、JavaScript が無効になっているユーザーにはアクセスできないため、通常は避ける必要があります。