将谷歌地图转换为链接 - w3c验证

时间:2013-02-20 08:00:52

标签: javascript google-maps-api-3 w3c-validation

我在页面上有一个小的谷歌地图。目前,我在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>

问题是在第二个版本上,当我点击时,没有任何反应。如果我双击,它会放大地图。无论你做什么,我只是希望它成为一个链接。

感谢。

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

您应指定用于验证的DOCTYPE。

我猜你在内联元素(a)中验证了一个不允许块元素(div)的DOCTYPE。

解决方案:使用内联元素(例如span)代替div并将display设置为block

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