📜  HTML |<area>类型属性(1)

📅  最后修改于: 2023-12-03 15:01:14.630000             🧑  作者: Mango

HTML | 类型属性

HTML中的元素定义了图像映射(map)区域。它通常与元素一起使用来定义具有可点击区域的图像。

元素具有以下属性:

  • alt - 定义替代文本,如果图像无法显示或由于某些原因无法加载,将显示此文本。
  • coords - 以像素为单位定义映射区域的坐标。坐标参数储存在一个字符串中,使用逗号作为分隔符。
  • href - 定义链接的目标URL。
  • nohref - 如果设置为true,则区域将不可点击。
  • shape - 定义区域的形状。可以是以下值中的一个:circle(圆形)、default(默认)、poly(多边形)或rect(矩形)。
  • target - 定义链接的目标。可以是以下值中的一个:_self、_blank、_parent或_top。
例子
<img src="example.png" usemap="#examplemap">
<map name="examplemap">
  <area shape="circle" coords="180,200,50" href="https://www.example.com/" alt="Example link">
</map>

这个示例中,元素定义了一个圆形区域,当用户单击该区域时,将跳转到目标URL(https://www.example.com/)。如果图像无法加载或显示,则显示替代文本“Example link”。

总结

元素是定义图像映射区域的一种方式,并且可以通过使用多个元素来创建具有多个可点击区域的图像。熟练掌握元素可以使开发人员创建更丰富的交互式图像和界面。