人々はまだ古い HTML イメージ マップを使用していますか? 以下のもの：
<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
または、より新しい、より良い代替手段はありますか?
86704 次
9 に答える
54
はい、人々はまだイメージ マップを使用しています。別の方法として、絶対配置と CSS を使用して要素を配置することもできますが、それが必ずしも優れているとは限りません。また、イメージマップのような形状を持つこともできません
于 2011-03-09T17:14:20.090 に答える
46
これらは HTML5 仕様に含まれているため、非推奨になることはありません。
それらは今でも自由に使用できます。Web 開発において、依然としてその地位を維持していることは確かです。または、イメージ マップを使用して何かを解決するのに最適な場合がまれにあると言えます。
于 2011-03-09T17:23:18.113 に答える
18
はい、特にエリアをポリゴンにしたい場合は、HTML イメージ マップが適しています。JavaScript を使用して、マップにロールオーバー効果を追加することもできます。ここに素晴らしいチュートリアルとデモがあります：
http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484
于 2011-03-09T17:20:50.927 に答える
10
はい、今でもイメージ マップを使用していますが、前回のプロジェクトでは Raphaël を使用しました。何かを立ち上げて実行するのはとても簡単でした。
http://dmitrybaranovskiy.github.io/raphael/
彼らのウェブサイトから：
Raphaël ['ræfeɪəl] は、SVG W3C 勧告と VML をグラフィック作成のベースとして使用しています。これは、作成するすべてのグラフィカル オブジェクトが DOM オブジェクトでもあることを意味するため、JavaScript イベント ハンドラーをアタッチしたり、後で変更したりできます。Raphaël の目標は、ベクター アートの描画をクロス ブラウザーと互換性があり、簡単にするアダプターを提供することです。
シンプルなイメージ マップの例:
于 2015-10-04T09:40:49.450 に答える
10
イメージ マップはまだ HTML5 仕様であり、すべてのブラウザーでサポートされています。
jQuery RWD Image Maps を使用してレスポンシブ デザインに適応させることができます: https://github.com/stowball/jQuery-rwdImageMaps
画像マップの座標を検出して自動的にサイズ変更します。
WordPress 開発者はプラグインとしても利用できます: http://wordpress.org/plugins/responsive-image-maps/
シンプルで効果的なソリューション。
于 2013-09-12T20:51:56.857 に答える
4
最近の Web サイトで使用されることはめったにありませんが、クライアントがメール キャンペーンで使用しているようです。ただし、モバイル デバイスの座標系にはスケーリングの問題があることに気付き、確認しました。
** このスレッドが古いことは承知しています。最近の電子メール キャンペーンの問題について、これについて追加の調査を行っていたところです。また、他の誰かの助けになるかもしれないと考えていました。
サードパーティ編集
イメージ マップのサポートに関する litmus.com の質問は 2014年 4 月のものです。
画像マップは ALT タグをサポートしていません。画像が読み込まれていない場合、一部のクライアントで ALT テキストが表示されません。
一般に、イメージ マップを使用すると大きな画像が使用されることになり、配信可能性の問題やダウンロード速度の低下を引き起こす可能性があります (特にモバイル ユーザーにとっては重要です)。
そして最も重要なことは、iOS (iphone/ipad) は、画像が拡大縮小されてリンクが壊れたときに、画像マップのリンク座標を拡大縮小しないことです。iOS がメール開封の大部分を占めるため (iPhone + iPad = http://emailclientmarketshare.com/経由で 38% )、これは重要です。
于 2015-12-05T14:46:21.623 に答える
-2
イメージ マップは html と html5 の非常に興味深いオプションです。それらはまだ使用されており、私は個人的に気に入っています。したがって、モバイル デバイスで問題が発生しています。私の問題はスケーリングに関連しています。
はい、私はそれを自分で経験しましたが、私はhtml html5に登録している学生であり、初心者のためにw3choolsリンクをたどりたいです
http://www.w3schools.com/html/html_images.asp
この [ページから多くを得ることができます
于 2016-03-13T10:23:12.137 に答える