将div放入链接中

Question

将div放入链接中

我有一个<div>用一些我不想改变的奇特的视觉内容来阻止。我想让它成为一个可点击的链接。

我在找类似的东西<a href="…"><div> … </div></a>，但这是有效的XHTML1.1。

Answer 1

来到这里是希望找到一个更好的解决方案，但我不喜欢这里提供的任何一个。我想你们有些人误解了这个问题。OP希望使一个充满内容的div表现得像一个链接。这方面的一个例子就是Facebook广告-如果你看一看，它们实际上是正确的标记。对我来说，不需要的是：JavaScript(不应该只为链接所需，而且SEO/可访问性很差)；无效的HTML。本质上是这样的：使用普通CSS技术和有效的HTML构建面板。在其中的某个地方，如果用户单击面板(您也可以有其他链接)，则放置一个您希望成为默认链接的链接。在该链接中，放置一个空的span标记(<span></span>，不是<span />-谢谢@Campey)给出面板位置：相对位置将以下CSS应用于空跨度：{&nbsp; &nbsp;&nbsp;position:absolute;&nbsp; &nbsp;&nbsp;width:100%; &nbsp;&nbsp;height:100%; &nbsp;&nbsp;top:0; &nbsp;&nbsp;left:&nbsp;0; &nbsp;&nbsp;z-index:&nbsp;1; &nbsp;&nbsp;/*&nbsp;fixes&nbsp;overlap&nbsp;error&nbsp;in&nbsp;IE7/8,&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make&nbsp;sure&nbsp;you&nbsp;have&nbsp;an&nbsp;empty&nbsp;gif&nbsp;*/ &nbsp;&nbsp;background-image:&nbsp;url('empty.gif'); }它现在将覆盖面板，因为它在一个<A>标记，这是一个可点击的链接提供面板位置内的任何其他链接：相对链接和适当的z-索引(>1)，以便将它们置于默认的span链接前面。

Answer 2

你不能div链接本身，但您可以创建一个<a>标记充当block，同一行为a<div>已经有了。a&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block; }然后可以在上面设置宽度和高度。

Answer 3

这是一个古老的问题，但我想我应该回答它，因为这里的每个人都有一些疯狂的解决办法。其实很简单.。锚标签是这样工作的-<a&nbsp;href="whatever&nbsp;you&nbsp;want">&nbsp;EVERYTHING&nbsp;IN&nbsp;HERE&nbsp;TURNS&nbsp;INTO&nbsp;A&nbsp;LINK&nbsp;</a>所以.。<a&nbsp;href="whatever&nbsp;you&nbsp;want">&nbsp;<div&nbsp;id="thediv"&nbsp;/>&nbsp;</a>虽然我不确定这是否有效。如果这就是口头解决方案背后的理由，那么我道歉.