“div”周围的“a”元素

Question

我知道在块级元素周围有一个内联元素的主题在语义上是无效的，这里已经详细讨论了。

然而，在“div”周围放置一个“a”元素的情况似乎是不可避免的，你想要......好吧......在一个盒子周围放一个链接（例如用CSS定义的宽度和高度）。这看起来像一个非常普遍的情况，渲染绝对没有错。

但是如何在保持语义正确的同时做到这一点？

Answer 1

我会注意到

<a href=""><div>...</div></a>

是完全有效的HTML5。

Answer 2

在div元素

上添加Javascript onclick事件处理程序

<div onclick="window.location='http://www.google.com';" > </div>

或者如果你将div设为内联元素

   <div style="display:inline;"></div>

或将显示设为块

<a style="display: block;" > </a>