HTML 参考手册 目录

HTML <area> type 属性

在 HTML 中,<area> 元素用于定义图像映射的可点击区域。<area> 元素必须嵌套在一个 <map> 元素内,<map> 元素则与一个 <img> 元素关联起来,从而创建图像映射。

type 属性的作用

<area> 元素的 type 属性用于指定可点击区域的形状。根据不同的形状,type 属性可以设置为以下几个值:

  • default:默认值,表示矩形区域
  • rect:矩形区域
  • circle:圆形区域
  • poly:多边形区域

示例代码

矩形区域

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

在上面的示例中,我们创建了一个矩形区域,当用户点击该区域时会跳转到 page1.html 页面。

圆形区域

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

这个示例中,我们创建了一个圆形区域,当用户点击该区域时会跳转到 page2.html 页面。

多边形区域

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

在这个示例中,我们创建了一个多边形区域,当用户点击该区域时会跳转到 page3.html 页面。

总结

<area> 元素的 type 属性是定义图像映射可点击区域形状的重要属性之一。通过合理使用 type 属性,我们可以创建各种形状的可点击区域,为用户提供更好的交互体验。希望本文能帮助你更好地理解和应用 type 属性。


下一篇:HTML 标签列表(字母排序)