Question

我最近一直在处理很多html结构，我开始想知道<a>元素的子元素允许的元素是什么？

Answer 1

任何东西，只要没有任何互动内容，如按钮，表格，其他链接......

w3.org HTML5规范：

只要内部没有交互式内容（例如按钮或其他链接），a元素可以包裹整个段落，列表，表格等，甚至整个部分。

以下是您可以做的一个例子（仍然是w3.org）：

<aside class="advertising">
    <h1>Advertising</h1>
    <a href="http://ad.example.com/?adid=1929&amp;pubid=1422">
        <section>
            <h1>Mellblomatic 9000!</h1>
            <p>Turn all your widgets into mellbloms!</p>
            <p>Only $9.99 plus shipping and handling.</p>
        </section>
    </a>
    <a href="http://ad.example.com/?adid=375&amp;pubid=1422">
        <section>
            <h1>The Mellblom Browser</h1>
            <p>Web browsing at the speed of light.</p>
            <p>No other browser goes faster!</p>
        </section>
    </a>
</aside>

Answer 2

HTML5中的更改

虽然以前版本的HTML将a元素限制为仅包含措辞内容（实质上是以前版本中称为“内联”内容的内容），但a元素现在是透明的;也就是说，现在允许a元素的实例也包含流内容（实际上，在先前版本中称为“块”内容的内容） - 如果a元素的该实例的父元素是一个元素，那么允许包含流内容。

HTML language reference

允许的孩子为<a> element?</a>

2 个答案: