html - 嵌套的 链接合法吗？

Question

我想在我网站的横幅中嵌套一些链接，例如:

<a href="/" class="hero-image">
    <a href="/some-page" class="navigation-button">Some page</a>
    <a href="/some-other-page" class="navigation-button">Some other page</a>
    <a href="/yet-another-page" class="navigation-button">Yet another page</a>
</a>

并让页面特定的内部链接显示在大横幅链接的顶部，使用户返回网站的主页。

我知道在 <a> 中包装 block 内容是legal in HTML 5 ，这也合法吗？

Answer 1

没有。

节的两部分4.5.1 The a element在 HTML 5 规范中一起禁止这样做:

4.5.1 The a element

Categories:

Flow content.
Phrasing content.
Interactive content.
Palpable content.

...

Content model:

Transparent, but there must be no interactive content descendant.

(强调我的)。

自 <a>元素不能包含交互式内容，但它们本身是交互式内容，因此 <a>元素不能包含另一个 <a>元素。

而且，这在真正的浏览器中不起作用。如果您在浏览器中尝试问题 (fiddle) 中的 HTML，您将观察到浏览器会生成所有四个 <a>。元素 sibling ，而不是让内部元素从外部元素继承。