XHTML：将 DIV 放置在 A 标记中

Question

将 div 标签放置在锚标签内可以吗？ div 的内容会将页面重定向到锚标记的 href 吗？

Answer 1

可以将 div 标签放在锚标签内吗？

是的，如果：

1. 您正在使用 HTML5/XHTML5；并且
2. 锚标记不在内联上下文中。即仅允许短语内容的元素的后代。

否则不行。

在 HTML5/XHTML5 中， 元素不仅仅是 HTML4/XHTML1 中的内联元素。相反，它具有透明的内容模型，这意味着其内容的验证规则与不存在时相同。

所以举例

<div>
   <div>Hello World</div>
</div>

是有效的，也是

<div>
   <a href="#">
      <div>Hello World</div>
   </a>
</div>

如此。

但

<p>
   <div>Hello World</div>
</p>

无效，所以

<p>
   <a href="#">
      <div>Hello World</div>
   </a>
</p>

也无效。

Answer 2

不，这肯定是无效的 HTML。

-div 的内容会将页面重定向到锚标记的 href 吗？
我不太确定你的意思。
但锚点后面的不是 div 的内容，而是锚点的 href 属性。

Answer 3

如果你想要实现的是块级链接，你可以简单地使用 CSS：

a.block {
    display: block;
    /* everything else */
}

<a class="block">...</a>