HTML的<area>标签用于在图像映射中定义可点击区域，具有多个属性来配置区域的行为和外观

核心属性

• ‌alt‌：规定区域的替代文本，使用href属性时必需

• ‌coords‌：定义区域坐标，格式取决于shape属性

• ‌href‌：指定区域的目标URL

• ‌shape‌：定义区域形状，支持default（默认）、rect（矩形）、circle（圆形）、poly（多边形）

• ‌target‌：规定在何处打开目标URL，值包括_blank、_self等

HTML5新增属性

• ‌hreflang‌：规定目标URL的语言

• ‌media‌：规定目标URL为何种媒介/设备优化

• ‌rel‌：定义当前文档与目标URL之间的关系

• ‌type‌：规定目标URL的MIME类型

坐标格式说明

• ‌圆形‌：coords="x,y,r"，x和y为圆心坐标，r为半径

• ‌矩形‌：coords="x1,y1,x2,y2"，定义矩形对角顶点坐标

• ‌多边形‌：coords="x1,y1,x2,y2,x3,y3..."，定义多边形各个顶点坐标

使用注意事项

<area>标签必须嵌套在<map>标签内部，通过<img>标签的usemap属性与图像关联

所有坐标均以图像左上角为原点(0,0)