创建有效的XHTML可点击块区域

Question

我正试图制作一个"可点击"的区域.

<a
  style="display: block"
  href="http://stackoverflow.com">
  StackOverflow
</a>

A是一个内联元素,但CSS使它成为一个块.

如果上述内容有效,则以下内容也应有效:

<a
  style="display: block"
  href="http://stackoverflow.com">
  <div>Some DIV that links to StackOverflow</div>
</a>

但是validator.w3.org不应该将其标记为无效(现在就是这样).

如果它无效,那么使块元素"可点击"并重定向到任意页面的最正确方法是什么.我知道我可以使用JS onclick来实现这种行为,但谷歌将如何看待这一点？

Answer 1

验证器是正确的 - 无论你以后用CSS做什么都不能放入<div>内部<a>.

正确的做法是你在第一个代码块中做了什么 - <a style="display: block;">

如果你想要内在的东西,你可以做 <a style="display: block;"><span style="display: block;">