将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应用于空跨度：

  { 
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
  
    z-index: 1;
  
    /* fixes overlap error in IE7/8, 
       make sure you have an empty gif */
    background-image: url('empty.gif');
  }

  它现在将覆盖面板，因为它在一个<A>标记，这是一个可点击的链接

• 提供面板位置内的任何其他链接：相对链接和适当的z-索引(>1)，以便将它们置于默认的span链接前面。

Answer 2

你不能div链接本身，但您可以创建一个<a>标记充当block，同一行为a<div>已经有了。

a {
    display: block;
}

然后可以在上面设置宽度和高度。

Answer 3

这是一个古老的问题，但我想我应该回答它，因为这里的每个人都有一些疯狂的解决办法。其实很简单.。

锚标签是这样工作的-

<a href="whatever you want"> EVERYTHING IN HERE TURNS INTO A LINK </a>

所以.。

<a href="whatever you want"> <div id="thediv" /> </a>

虽然我不确定这是否有效。如果这就是口头解决方案背后的理由，那么我道歉.