HTML a coords 属性

HTML a coords 属性
菜鸟
菜鸟
116
阅读
0
评论
2021年09月09日07:40:09 0 116

HTML a 标签参考手册 HTML <a> 标签

实例

以下实例在 <a> 元素中使用 shape 和 coords 属性来创建图像地图:

<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">太阳</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前只有Firefox 和 Opera浏览器支持coords 属性。

定义和用法

HTML5 已不再支持 <a> 标签的 coords 属性。

coords 属性通常与 shape 属性一起使用,两个属性可以规定 <object>或 <img> 元素中链接的尺寸、形状和位置。

左上角的坐标是 0,0。

提示:如需创建能够在所有浏览器中运行的图像映射,请使用 <area> 元素。

语法

<a coords="value">

属性值

描述

x1,y1,x2,y2

如果 shape 属性设置为 "rect",则该值规定矩形左上角和右下角的坐标。

x,y,radius

如果 shape 属性设置为 "circ",则该值规定圆心的坐标和半径。

x1,y1,x2,y2,..,xn,yn

如果 shape 属性设置为 "poly",则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致,那么为了关闭多边形,浏览器必须添加最后一对坐标。


打赏 点赞(0)
weinxin
投诉建议
文章名+链接地址,发送到此微信:tourism52
历史上的今天
07月
06
HTML DOM Select 对象 菜鸟教程

HTML DOM Select 对象

HTML DOM Select 对象 Select 对象 Select 对象代表 HTML 表单中的一个下拉列表。 在 HTML 表单中,select 标签每出现一次,一个 Sel...
WML,DTD,WML,DTD,完整,的,--Wireless,Markup,Language, 菜鸟教程

WML DTD

WML DTD 完整的 WML DTD: !--Wireless Markup Language (WML) Document Type Definition.Copyright ...
有效,软件开发,的25条,军规 菜鸟教程

有效软件开发的25条军规

今天笔者在外文的技术博客上看到了一个非常亮眼的建议合集,整理一下姑且起名叫有效软件开发的25条军规,下面和大家共同来赏析一下。总则:不建立尊重和信任的团队氛围,就不可能有一支有战斗...
正则,表达式,教程,正则,表达式,教程,Regular, 菜鸟教程

正则表达式 - 教程

正则表达式 -教程 正则表达式(Regular Expression)是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为元字符)。 正则表达式使用单个字符...
jQuery,实例,jQuery,实例,提供,了,一组,用户界面, 菜鸟教程

jQuery UI 实例

jQuery UI 实例 jQuery UI 提供了一组用户界面交互、特效、小部件、实用工具及主题。通过实例演示、查看源代码、创建主题、阅读API 文档,开始学习使用 jQuery...
jQuery,实例,jQuery,实例,选择器,this,.hide,演示,的, 菜鸟教程

jQuery 实例

jQuery 实例 jQuery 选择器 $(this).hide() 演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。 $(p).hide() 演示 jQ...

评论列表 共有 0 条评论

暂无评论