- 0133技术站
- 联系QQ:88526
- QQ交流群
- 微信公众号
HTML5 已不再支持 <a> 标签的 coords 属性。
与shape属性一起使用,此属性使用逗号分隔的数字列表来定义页面上链接的坐标。
提示:如需创建能够在所有浏览器中运行的图像映射,请使用 <area> 元素。
目前只有Firefox 和 Opera浏览器支持coords 属性。
<a coords="value">
值 | 描述 |
---|---|
x1,y1,x2,y2 | 如果 shape 属性设置为 "rect",则该值规定矩形左上角和右下角的坐标。 |
x,y,radius | 如果 shape 属性设置为 "circ",则该值规定圆心的坐标和半径。 |
x1,y1,x2,y2,..,xn,yn | 如果 shape 属性设置为 "poly",则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致,那么为了关闭多边形,浏览器必须添加最后一对坐标。 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>点击太阳或其他行星,注意变化:</p> <img src="http://ss.0133.cn/upload/image/885/902/932/1553322045901285.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <a shape="rect" coords="0,0,82,126" alt="Sun" href="https://public.xp.cn/down/course_demo/html/area_tabs/sun.htm"></a> <a shape="circle" coords="90,58,3" alt="Mercury" href="https://public.xp.cn/down/course_demo/html/area_tabs/mercur.htm"></a> <a shape="circle" coords="124,58,8" alt="Venus" href="https://public.xp.cn/down/course_demo/html/area_tabs/venus.htm"></a> </map> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册