我有一个<div>块与一些花哨的视觉内容，我不想改变。我想让它成为一个可点击的链接。
我正在寻找类似于<a href="…"><div>…</div></a>，但这是有效的XHTML 1.1。
当前回答
实际上你现在需要包括JavaScript代码， 请查看本教程。
但有一个棘手的方法来实现这个使用CSS代码 你必须在你的div标签内嵌套一个锚标签，你必须应用这个属性，
display:block;
当你这样做了，它将使整个宽度区域可点击(但在锚标签的高度内)，如果你想覆盖整个div区域，你必须将锚标签的高度设置为div标签的高度，例如:
height:60px;
这将使整个区域可点击，然后你可以应用text-indent:-9999px到锚标签来实现目标。
这是非常棘手和简单的，它只是用CSS代码创建的。
这里有一个例子:http://jsfiddle.net/hbirjand/RG8wW/
其他回答
这个例子很适合我:
<div style="position: relative; width:191px; height:83px;">
<a href="link.php" style="display:block; width:100%; height:100%;"></a>
</div>
不确定这是否有效，但它为我工作。
代码:
< div风格= '位置:相对;background - color: # 000000;宽度:600 px;高度:30 px;边界:固体;“> <p style='display:inline;color:#ffffff;float:left; <a style='position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;' href ='#'></a> . < / div >
<a href="…" style="cursor: pointer;"><div> … </div></a>
这是最简单的方法。
比如说，这是我想要的可点击的div块:
<div class="inner_headL"></div>
所以输入href，如下所示:
<a href="#">
<div class="inner_headL"></div>
</a>
只需将div块视为普通的html元素，并启用通常的a href标记。 至少在FF上是有效的。
我引入了一个变量，因为我的链接中的一些值将根据用户来自的记录而改变。 这适用于测试:
<div onclick="location.href='page.html';" style="cursor:pointer;">...</div>
这个也有用:
<div onclick="location.href='<%=Webpage%>';" style="cursor:pointer;">...</div>
