XHTML：将DIV放置在A标签中

Question

将{div}标记放在锚标记中是alright吗？ div的内容会将页面重定向到锚标记的href吗？

Answer 1

  

将div标签放在锚标签内是否可以？

是的，如果：

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

否则没有。

在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>

也不是。

Answer 2

不，这肯定是无效的HTML。

- div的内容会将页面重定向到锚标记的href吗？ 我对你的意思不太清楚。 但它不是一个div的内容，而是锚的跟随，而是锚的href属性。

Answer 3

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

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

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