Html 为什么这个链接在IE中不起作用?

Html 为什么这个链接在IE中不起作用?,html,internet-explorer,cross-browser,web-standards,Html,Internet Explorer,Cross Browser,Web Standards,谢谢你看我的问题 我是网络开发新手,希望有人能澄清为什么下面的HTML不能在IE中正确显示,但可以在Chrome、Firefox和Safari中使用。目标是创建带有图像和标题的可点击的div 在IE中,可以单击背景和div中的h2。我已将包装在 我希望你能对此作出澄清。您可以查看示例 我环顾四周,发现块项应该能够包含在HTML5中的链接中。你知道吗?我想写符合标准的代码,但我真的想写能工作的代码 通常,将以下内容添加到a标记中即可: <a href="locations.html">

谢谢你看我的问题

我是网络开发新手,希望有人能澄清为什么下面的HTML不能在IE中正确显示,但可以在Chrome、Firefox和Safari中使用。目标是创建带有图像和标题的可点击的
div

在IE中,可以单击背景和
div
中的
h2
。我已将
包装在

我希望你能对此作出澄清。您可以查看示例

我环顾四周,发现块项应该能够包含在HTML5中的链接中。你知道吗?我想写符合标准的代码,但我真的想写能工作的代码


通常,将以下内容添加到a标记中即可:

<a href="locations.html">
  <div class="boxSmall">
  <h2>Location</h2>
    <div class ="boxImage">
      <img src="images/ex.jpg" alt="Registered Massage Therapist" height="175px" width="195px"/>
    </div>  
  </div>
</a>

这告诉IE将整个
a
视为一个方框级别,而不仅仅是将a链接应用于其一侧的项目。

通常将以下内容添加到a标记中即可:

<a href="locations.html">
  <div class="boxSmall">
  <h2>Location</h2>
    <div class ="boxImage">
      <img src="images/ex.jpg" alt="Registered Massage Therapist" height="175px" width="195px"/>
    </div>  
  </div>
</a>

这告诉IE将整个
a
视为一个框级,而不仅仅是将a链接应用到它旁边的项目。

在您的示例中,我看到的不是发布的代码:

a {
display: block;
position: relative;
}
虽然你可能需要设置更多的样式,因为我需要删除h2


PS:这最终应该在IE中也能起作用;)

在您的示例中,我看到的不是发布的代码,而是以下代码:

a {
display: block;
position: relative;
}
虽然你可能需要设置更多的样式,因为我需要删除h2


PS:这最终应该在IE中也能起作用;)

您将内容类型声明为application:xhtml/xml,但这是用于xml的,而不是作为xml提供。拆下那条线。此外,谷歌将忽略你的关键词元标签。永远记住,IE是迄今为止世界上最差的浏览器


验证html是否存在其余错误。

您将内容类型声明为application:xhtml/xml,但这是针对xml的,而不是作为xml提供。拆下那条线。此外,谷歌将忽略你的关键词元标签。永远记住,IE是迄今为止世界上最差的浏览器


验证html中的其余错误。

IE的哪个版本?如果你使用的是HTML5 doctype@steveax-IE不是一款现代浏览器,但是,是的,它确实有效。IE的哪个版本?如果你使用的是HTML5 doctype@steveax-IE不是一款现代浏览器,但是,是的,它确实有效。HTML5中允许使用块级元素实际上你是对的,不知道->现在很高兴知道。但至少Firefox似乎仍然不支持这一点。只需抓取FireBug并查看DOM树……Firefox确实支持这一点。所有浏览器都有。@Rob:接受,但是你能告诉我一些关于创建的DOM结构中的垃圾吗?HTML5中允许使用块级元素实际上你是对的,不知道->现在很高兴知道。但至少Firefox似乎仍然不支持这一点。只需抓取FireBug并查看DOM树……Firefox确实支持这一点。所有浏览器都有。@Rob:我接受,但是你能告诉我一些关于创建的DOM结构中的垃圾吗?
boxImage, boxSmall, h2 {
    display: block;
}