热区
1.<map></map>热区
先说一个题外话，看过一点时间视频，今天看到有个标签 <base>。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<base href="www.jd.ocm" target="_blank"> //只能在head中，在HTML中没有结束标签，在XHTML中必须正确关闭。 target="_blank"(默认)
使用<base>标签后，浏览器经不在使用当前文档的URL,而是用指定的基本URL来解析所有的相对的URL。这其中包括<a> 、<img>、<link>、<form>标签中的URL.
target:_blank 、_parent、_self、_top
</head>
<body>
<img src="images/ad04.jpg" width="631" height="425" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="56,226,302,265" href="#" />
//矩形，coords="左上角X,左上Y，右上X,右上Y
<area shape="circle" coords="510,135,71" href="#" />
//圆形，coords="圆心点X,圆心点Y,圆的半径"
<area shape="poly" coords="334,348,401,344,400,344,400,339,403,326,403,315,404,307,402,299,382,293,374,292,370,292,358,291,349,293,342,297,333,301,328,302,320,306,324,325,326,333,328,344,329,347" href="#" /> //多边形，coords="第一个点的X,第一个点的Y,第二个点的X,第二个点的Y,......."
</map>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具