在 HTML 中， 标签用于创建超链接，使用户能够点击链接跳转到其他页面。除了常见的 href 属性外， 标签还有一个不太常见但很有用的属性叫做 coords。
什么是 coords 属性？
coords 属性用于定义图像地图中的区域，这些区域可以是矩形、圆形或多边形。通过在 标签中使用 coords 属性，我们可以将链接与图像中的特定区域关联起来，使用户能够点击该区域时执行相应操作。
如何使用 coords 属性？
在使用 coords 属性时，需要将其与 shape 属性一起使用，shape 属性用于定义区域的形状，可以是 "rect"（矩形）、"circle"（圆形）或 "poly"（多边形）。
矩形区域
如果要定义一个矩形区域，可以使用以下代码：
---- --------------- -------------- --------- -- ---- ------------ ----- ------------ -------------------- ----------------- --------- -- -- ------
在上面的代码中，定义了一个矩形区域，左上角坐标为 (0,0)，右下角坐标为 (100,100)，点击该区域时会跳转到 page1.html 页面。
圆形区域
如果要定义一个圆形区域，可以使用以下代码：
---- --------------- -------------- --------- -- ---- ------------ ----- -------------- ----------------- ----------------- --------- -- -- ------
在上面的代码中，定义了一个圆形区域，圆心坐标为 (50,50)，半径为 50，点击该区域时会跳转到 page2.html 页面。
多边形区域
如果要定义一个多边形区域，可以使用以下代码：
---- --------------- -------------- --------- -- ---- ------------ ----- ------------ -------------------------------- ----------------- --------- -- -- ------
在上面的代码中，定义了一个四边形区域，点击该区域时会跳转到 page3.html 页面。
总结
通过使用 coords 属性，我们可以为图像创建可点击的区域，为用户提供更好的交互体验。在实际开发中，根据需要选择合适的形状和坐标值，灵活运用 coords 属性，可以让页面更加丰富多彩。