一尘不染

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

html

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

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

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

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


阅读 356

收藏
2020-05-10

共1个答案

一尘不染

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

小学生回答:不。

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

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

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

更新:

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

2020-05-10