javascript - 创建 block 级元素的链接

Question

因此，根据 w3c 验证工具，用 anchor 标记包装 div(尤其是 float 的)是不正确的标记。尽管这在迄今为止测试的每个浏览器中都有效(包括大多数手机和平板电脑)，但有更好的方法吗？

我发现您可以将 HTML4 < 按钮 > 与 block 级内容一起使用，我可以使用它并使工作正常。但是将这些变成链接的正确方法是什么？我不想对这些链接使用 JavaScript。

我考虑使用带有操作的 < form > 标记，对于这样一个简单的任务来说，这是很多额外的标记，但是 Internet Explorer 6 无法将该按钮识别为提交按钮，因此如果没有 javascript，链接仍然无效。更糟糕的是，一些链接应该在灯箱中打开 - 使用 javascript，我可以只使用 event.preventDefault()，但是如何使用表单来完成此操作？

有没有更好的方法来从 block 级元素中建立链接？或者我应该忽略验证，因为这仍然适用于几乎所有浏览器(如果不是每个浏览器)？

(使用 HTML4，但欢迎使用 HTML5 解决方案)

Answer 1

验证器确实会将 (X)HTML4 中 block 级元素周围的链接标记为无效，但这已成为一种人为的用例。用 a 标签包围 block 级元素是一种常见且得到良好支持的做法(即使在较旧的浏览器中也是如此)，您实际上不必担心它的无效性。

HTML5 规范包括近乎任意的链接包装。换句话说，您可以使用一对 a 标签围绕许多元素( block 级元素和内联元素)，并且浏览器可以将链接目标应用到标签之间的每个元素(只要它认为合适)。 Bruce Lawson 在 HTML5 Doctor 上写了一篇关于链接行为变化的精彩总结。 .