html - XHTML:将 DIV 放在 A 标签中

Question

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

Answer 1

Is it alright to place div tags inside anchor tags?

是的，如果:

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

否则没有。

在 HTML5/XHTML5 中 <a>元素不仅仅是一个内联元素，就像在 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>

也不是。