HTML <area> 标签

<area> 标签定义图像映射中的可点击区域，通常与 <map> 元素一起使用。当用户单击定义了 <area> 的图像区域时，浏览器会执行预先定义的操作。

属性

• alt: 定义区域的替代文本
• coords: 定义区域的坐标
• href: 定义区域链接的目标 URL
• shape: 定义区域的形状，可以是 rect（矩形）、circle（圆形）、poly（多边形）

示例

--------- -----
------
------
    ------------ --- ---------------
-------
------
    --------- -- --- --------- ----- -- --- --------
    ---- ----------------- -------------- ------------ ----- -----
    
    ---- ------------
        ----- ------------ ------------------ ----------------- --------- ---
        ----- -------------- ------------------- ----------------- --------- ---
        ----- ------------ -------------------------------- ----------------- --------- ---
    ------
-------
-------

在上面的示例中，我们定义了一个包含三个不同形状的区域的图像地图。当用户点击不同区域时，会跳转到不同的页面。

<area> 标签在实现图像地图时非常有用，可以实现交互式的图像效果，为用户提供更好的体验。