-1

我在页面上有一个小的谷歌地图。目前，我在 div 周围有一个链接标签，以使其链接到具有更大谷歌地图的不同页面。

这一切都完美无缺，但它不是 w3c 验证。

我之前的代码有效，但无效：

    <a href="http://www.mysite.com">
        <div id="map_canvas" style="width:298px;height:150px;"></div>
    </a>

这是之后，这是有效的，但不起作用！：

<div onClick="location.http://www.mysite.com';" style="cursor:pointer;">
    <div id="map_canvas" style="width:298px;height:150px;"></div>
</div>

问题是在第二个版本上，当我点击时，什么也没有发生。如果我双击，它会放大地图。无论您做什么，我都希望它成为一个链接。

谢谢。

4

2 回答 2

0 
 <a href="http://www.mysite.com">
        <div id="map_canvas" style="width:298px;height:150px;"></div>
    </a>

现在它有效。:) 你错过了一个“

于 2013-02-20T08:05:16.073 回答
0

您应该指定用于验证的 DOCTYPE。

我猜你验证了一个不允许 block-elements(div) 在 inline-elements(a) 中的 DOCTYPE。

解决方案：使用内联元素（例如跨度）而不是 div 并将其设置display为block：

<a href="http://www.mysite.com">
  <span id="map_canvas" style="display:block;width:298px;height:150px;"></span>
</a>
于 2013-02-20T09:14:54.067 回答