Question

我正在设计的网站上的所有网页都是有效的XHTML 1.0严格，但主页上有从我的地图生成的Google地图链接

 <div  id="map">
 <iframe src="https://www.google.com/maps/d/embed?mid=zBNEhg5_DRUg.ke97rR7SIh5I" width="320" height="240"></iframe>    
 </div>

错误是：

there is no attribute "src"
there is no attribute "width"
there is no attribute "height"
element "iframe" undefined

我读过的一些文章建议用替代品替换这些，但我不确定如何。

是否有理由不在Google中使用地图生成器？

Answer 1

要验证Google嵌入式地图，您需要不使用<iframe>，这在XHTML Strict中是不允许的。而是使用<object>（引用：Why won't <iframe> elements validate in HTML 4.01?）而不是src（不受支持），使用data。

example that valids XHTML Strict 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>example embedded map</title>
</head>
<body>
  <div>
    <object width="600" height="450" style="border:0" data="https://www.google.com/maps/embed/v1/directions?key=API_key&amp;origin=Bern&amp;destination=Bern&amp;waypoints=Paris%7CBerlin%7CRome"></object>
  </div>
</body>
</html>

嵌入式谷歌地图的W3C验证错误

1 个答案: