XHTML: 在A标签中放置DIV

Question

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

- Francisc

---

如果您将块级元素放在内联级元素中，您的XHTML将无法验证。 - Kevin

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>

不是也不行。

- Alohci

---

感谢您提供额外的澄清。 - Francisc

Answer 2

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

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

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

- Casey Chu

Answer 3

不，那肯定是无效的HTML。

- div的内容会将页面重定向到锚标签的href吗？ 我不太确定你这个问题的意思。 但是一个锚点要跟随的是它的 href 属性，而不是 div 的内容。

- lock

---

好的，谢谢。不在元素内使用块级元素，明白了。 - Francisc

@Francisc - 更具体地说，内联元素中不能包含块级元素。以下是一些内联元素的示例：a、strong、span - Jordan S. Jones