如何在没有JavaScript的情况下在HTML和CSS中使整个“ div”可点击？

Question

我要使整个div可单击，并且在没有JavaScript且没有有效代码/标记的情况下单击时链接到另一个页面。

如果我有这个就是我想要的结果-

<a href="#">
<div>This is a link</div>
</a>

W3C验证程序说，不应将块元素放置在内联元素内。有一个更好的方法吗？

Answer 1

如果没有javascript且使用有效代码，单击整个div会链接到另一个页面，这可能吗？

小学生回答：不。

正如您已经发表的另一条评论一样，div在a标签内嵌套一个标记是无效的。

但是，没有什么可以阻止您使a标签的行为div与相似的，但您不能在其中嵌套其他块标签。如果适合您的标记，请设置display:block您的a标签和大小/随意浮动。

如果您在提出问题的前提下背叛了您，则需要避免使用javascript，就像其他人指出的那样，您可以使用onClick事件处理程序。jQuery是使此操作易于维护的流行选择。

更新：

在HTML5中，将<div>放在其中<a>是有效的。