html：不规则界面的布局和热点问题（这里不考虑屏幕大小的兼容）

最新推荐文章于 2023-04-12 10:25:12 发布

原创

最新推荐文章于 2023-04-12 10:25:12 发布 · 6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #map标签 #热点 #不规则布局

本文探讨了HTML中不规则布局的挑战，特别是当布局与Bootstrap栅格系统冲突时。热点问题作为解决交互需求的方案被提出，通过img标签结合map标签实现。文章提到了热点在屏幕尺寸变化时的适应性问题，并分享了如何处理不规则布局的实例，包括使用table、div和CSS3的方法。最后，讨论了热点技术的优缺点及其在大型商城网站中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　重点就是热点问题，现在碰到了这么一个页面（如图，图片只是示例），需求是在电脑上都要能看，不变形，还要每个圆圈都可以点。
　　整个网站使用的框架是bootstrap，但是考虑了好久，感觉不适合用bootstrap来对它进行布局。原因是，它的布局恰好和栅格系统的12有矛盾，因为第一条曲线是有5个圈的，取col-lg-1也不行，取col-lg-2也不行
这里写图片描述
　　然后经人提醒，可以用热点。然后。。(っ °Д °;)っ？？？热点？？纳尼？？
　　百度了资料，Dreamweaver就有热点（用Dreamweaver建立热点的时候，记得调成设计模式而不是代码模式。（如何Dreamweaver建立热点的链接），根据w3c定义：
html map标签