HTML中的coords
时间: 2024-09-14 13:08:12 浏览: 57
responsive-area-coords
在HTML中,`coords`属性是`<area>`标签的一个属性,用于定义图像映射中可点击区域的坐标。图像映射允许用户通过单击图像的不同部分来导航到不同的页面。`coords`属性与`shape`属性一起使用,`shape`属性定义了区域的形状,如矩形、圆形或多边形。
下面是`coords`属性的一些常见用法示例:
1. 对于矩形区域,`coords`的值通常由两个数字组成,分别代表矩形左上角的`x`坐标和`y`坐标。
2. 对于圆形区域,`coords`的值由三个数字组成,分别代表圆心的`x`坐标、圆心的`y`坐标和半径。
3. 对于多边形区域,`coords`的值由一系列的数字组成,每个数字代表多边形一个顶点的`x`坐标或`y`坐标。坐标之间使用逗号分隔。
示例代码如下:
```html
<img src="planets.gif" border="0" usemap="#planetmap" alt="Planets">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" target="_blank" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" target="_blank" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" target="_blank" alt="Venus">
</map>
```
在上述示例中,`sun.htm`链接到太阳的区域是矩形的,而`mercur.htm`和`venus.htm`链接到水星和金星的区域则是圆形的。
阅读全文