Javascript 将带有谷歌地图的div转换为链接-w3c验证

Javascript 将带有谷歌地图的div转换为链接-w3c验证,javascript,google-maps-api-3,w3c-validation,Javascript,Google Maps Api 3,W3c Validation,我在一个页面上有一个小谷歌地图。目前,我在div周围有一个link标签,可以让它链接到另一个带有更大谷歌地图的页面 这一切都很完美,但它不是w3c验证 之前的代码有效,但无效: <a href="http://www.mysite.com"> <div id="map_canvas" style="width:298px;height:150px;"></div> </a> 这是在之后,这是有效的,但不起作用!

我在一个页面上有一个小谷歌地图。目前,我在div周围有一个link标签,可以让它链接到另一个带有更大谷歌地图的页面

这一切都很完美,但它不是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>

问题是,在第二个版本中,当我单击时,什么都没有发生。如果我双击,它会在地图上放大。我只是想让它成为一个链接,无论你做什么

谢谢。


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

现在它是有效的。:)您遗漏了一个“

您应该指定用于验证的DOCTYPE

我想您应该验证一个DOCTYPE,它不允许内联元素(a)中包含块元素(div)

解决方案:使用内联元素(例如span)而不是div,并将
显示设置为

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


验证错误是什么?我得到一个错误,基本上是说您不能在should be
onclick=“location.href=”中包含divhttp://www.mysite.com';“
Onclick似乎不起作用,不管我做什么。可能是因为这是一个谷歌地图容器?我更新了我的帖子,实际上我的源代码中没有这句话,我只是在更改此帖子的url时意外将其取下。对不起,这不起作用。div是一个谷歌地图,在spa中使用时似乎不会显示n、 然后你犯了一个错误,不管元素是div还是span