: 图像区域标签

最后更新：2026-09-12

<area>图像区域标签

在 <map> 内部定义图像映射中的一个可点击区域（矩形、圆形或多边形），每个 area 指定形状、坐标与跳转链接。

分类	链接与媒体
内容模型	流式内容
允许的父元素	接受流式内容的元素
闭合标签	自闭合 — 无需闭合标签
状态	标准

📝 语法

<area shape="rect" coords="0,0,82,126" href="sun.html" alt="太阳">

⚙️ 属性

该元素支持全局属性及以下专有属性：

属性	值	描述
`shape`		区域形状：default、rect（矩形）、circle（圆形）、poly（多边形）。
`coords`		与 shape 对应的坐标，像素值，多个用逗号分隔。
`href`		点击区域后跳转的地址。
`alt`		区域的替代文字（无障碍必填）。
`target`		链接打开方式，如 _blank。

查看所有全局属性 → 查看所有事件属性 →

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<area>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： area 是空元素（无闭合标签）；必须放在 <map> 内，并由 <img> 的 usemap 关联。

更多案例即将上线，敬请期待。

📚 相关教程

HTML Media HTML iframes HTML Responsive Images

HTML 标签参考手册

查看全部 HTML 标签的语法、属性与示例。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。