blocks|key|974349|text|是的，人们仍然在使用图像地图。另一种方法是使用绝对定位和CSS来定位元素，但这并不一定更好。它也不允许您拥有像图像地图中那样的形状|type|unstyled|depth|inlineStyleRanges|entityRanges|data|974350|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Yes, people do still use image maps. An alternative would be to position elements using absolute positioning and CSS but that's not necessarily better. It also doesn't allow you to have shapes like in image maps

blocks|key|974498|text|They+are+in+the+HTML5+specification，所以它们不会被弃用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|974499|你仍然可以自由地使用它们，它们在web开发中仍然有自己的位置。或者我可以说，在很少的情况下，您可以使用图像地图来最好地解决问题。|974500|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.w3.org/html5/spec-preview/image-maps.html^0|0|Z|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<a href="http://dev.w3.org/html5/spec-preview/image-maps.html" rel="noreferrer">They are in the HTML5 specification</a>, so they will not get deprecated.

You can still freely use them, they certainly still have their place in web development. Or I could say, those rare occasions exist where you can best solve something with an image map.

blocks|key|758852|text|是的，html图像映射是很好的，特别是当你想要你的区域是一个多边形的时候。你也可以使用javascript将翻转效果添加到你的贴图中。这里有一个很好的教程和演示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|758853|http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484|offset|length|758854|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1T|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Yes html image maps are good especially if you want your area to be a polygon. You can add rollover effects to you map as well with javascript. There is a nice tutorial and demo here:

<a href="http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484">http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484</a>

blocks|key|758993|text|图像地图仍然是HTML5规范，所有浏览器都支持它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|758994|可以使用jQuery+RWD+Image+Maps：https://github.com/stowball/jQuery-rwdImageMaps调整它们以适应响应式设计|offset|length|758995|它检测并自动调整图像地图坐标的大小。|758996|它也可以作为插件提供给Wordpress开发人员：http://wordpress.org/plugins/responsive-image-maps/|758997|简单有效的解决方案。|758998|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/stowball/jQuery-rwdImageMaps|1|http://wordpress.org/plugins/responsive-image-maps/^0|0|Q|1B|0|0|0|P|1F|1|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]]]

Image Maps are still in HTML5 specifications, supported by all browsers.

They can be adapted to responsive design using jQuery RWD Image Maps:
<a href="https://github.com/stowball/jQuery-rwdImageMaps" rel="noreferrer">https://github.com/stowball/jQuery-rwdImageMaps</a>

It detects and automatically resize the image maps coordinates.

It's also available for Wordpress developers as plugin:
<a href="http://wordpress.org/plugins/responsive-image-maps/" rel="noreferrer">http://wordpress.org/plugins/responsive-image-maps/</a>

Simple and effective solution.

blocks|key|974757|text|是的，它还在使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|974758|图像映射允许用户通过单击image.Simply的不同部分来超链接到多个页面。使用图像映射，我们创建与同一图像的特定区域相关的坐标列表，并将超链接提供到不同的位置。通过在单个图像中使用它，我们可以提供多个链接。|974759|More|offset|length|974760|entityMap|0|LINK|mutability|MUTABLE|url|http://developerstips.com/image-map-html/^0|0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Yes, it still used

An image map allows a user to hyperlink to many pages by clicking different parts of an image.Simply by using image map we create lists of coordinates relating to a specific area of the same image and give the hyperlink to a different location. By using this within a single image we give multiple links.

<a href="http://developerstips.com/image-map-html/" rel="nofollow noreferrer">More</a>

blocks|key|974674|text|图像地图是html和html5中非常有趣的选项，它们仍在使用中，我个人很喜欢它，因此我发现在移动设备中使用它是一个问题，我的问题与缩放有关|type|unstyled|depth|inlineStyleRanges|entityRanges|data|974675|是的，我自己也经历过，但我是一名注册了html+html5的学生，对于初学者，我想访问w3chools链接。|974676|http://www.w3schools.com/html/html_images.asp|offset|length|974677|您将从此[页面]中获益良多|974678|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|19|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@$F|T|G|U|1|V]]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|E]]]]

image map is quite interesting option in html and html5 they are still being use and i personally love it i therefore find issuse in mobile devices my issue is relatd to scaling

yes i have experience it my self however i am a student enrolled in html html5 and for begineers i would like to follow w3chools link

<a href="http://www.w3schools.com/html/html_images.asp" rel="nofollow">http://www.w3schools.com/html/html_images.asp</a> 

you will gain alot from this [page

Do people still use the old HTML Image Maps? The ones with: 

<pre><code>&lt;map name="test" id="test"&gt;
&lt;area shape="poly" alt="" title="" coords=...
</code></pre>

Or is there a newer, better alternative?

Are HTML Image Maps still used?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

人们还在使用旧的HTML图像地图吗？具有以下特性的：<map name="test" id="test"><area shape="poly" alt="" title="" coords=...或者有没有更新更好的替代方案？

问HTML图像地图是否仍在使用？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML图像地图是否仍在使用？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML图像地图是否仍在使用？
EN