无法在HTML中使用coords属性

时间:2015-02-26 09:26:23

标签: html

我正在详细阅读锚标记,其中我遇到了coords属性。 我正在通过编写以下代码来测试这个属性:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>test</title>
</head>
<body>
<a href="http://www.youtube.com"  coords="42,59">Youtube</a>
<a href="http://wwww.google.com"  coords="12,19">google</a>
</body>
</html>

我想使用coords属性将链接(youtube和google)放在某些固定坐标上。但我没有得到预期的结果。它会显示结果,因为它会在不使用坐标的情况下显示。

是否可以使用坐标将链接放置在特定位置?

如果不是其他方式呢?

1 个答案:

答案 0 :(得分:0)

coords - 属性旨在定义<map> - 元素中的区域(不是位置),例如使图像的区域可点击。 即使有一些浏览器支持在地图中直接使用achors 正确的方法是在地图中使用<area>元素。

为了绝对定位元素你应该像这样使用css:

&#13;
&#13;
#ytb {
  position: absolute;
  top: 42px;
  left: 59px;
}

#ggl {
  position: absolute;
  top: 12px;
  left: 19px;
}
&#13;
<a href="http://www.youtube.com" id="ytb">Youtube</a>
<a href="http://wwww.google.com" id="ggl">google</a>
&#13;
&#13;
&#13;