{site_name}

{site_name}

🌜 搜索

HTML标签 <area> 用于定义图像映射中的可点击区域,并指定该

前端 𝄐 0
html area标签,html area coords,html area rect,html area 的x, y分别对应,html area coords不生效,htmlarea怎么设置参数?
HTML标签 <area> 用于定义图像映射中的可点击区域,并指定该区域相关联的链接URL或JavaScript操作。

<area> 标签通常与 <map> 标签一起使用,用于在图像上创建多个热点区域。每个 <area> 元素定义一个热点区域,可以通过点击该区域来触发相应的链接或操作。

下面是一个例子,其中一个图像被分成三个热点区域,每个区域都有不同的链接目标:

html
<img src="example.png" alt="Example Image" usemap="#image-map">

<map name="image-map">
<area shape="rect" coords="0,0,50,50" href="http://www.example.com/page1.html" alt="Page 1">
<area shape="circle" coords="100,75,25" href="http://www.example.com/page2.html" alt="Page 2">
<area shape="poly" coords="300,100,350,200,250,150" href="http://www.example.com/page3.html" alt="Page 3">
</map>


在上面的示例中,<img> 标记显示要映射的图像。使用 usemap 属性将其关联到一个名为 "image-map" 的地图。然后,三个 <area> 元素定义了三个热点区域,分别使用 shape 和 coords 属性定义它们的形状和位置,并使用 href 属性指定与它们关联的链接URL。