我们可以在html中嵌套'A'标签吗？答案

【问题标题】：Can we have nested 'A' tags in html [duplicate]我们可以在html中嵌套'A'标签吗？
【发布时间】：2014-07-31 03:51:00
【问题描述】：

我的html代码如下。

   <!DOCTYPE html>
    <html>
        <body>
            <a href="http://www.w3schools.com">w3schools
            <a href="http://www.google.com">google</a>
            some text
            <span>span text</span>
            </a>
        </body>
    </html>

但结果如下图所示

<html>
    <head></head>
    <body>
        <a href="http://www.w3schools.com">
        w3schools
        </a><a href="http://www.google.com">google</a>
        some text
        <span>span text</span>
        enter code here
    </body>
</html>

真的可以这样嵌套吗？

【问题讨论】：

你不能随意嵌套<a>标签。你为什么要这么做？
w3.org/TR/html401/struct/links.html#h-12.2.2
如果已经存在一个“A”标签（正如我上面解释的那样），它下定义了很多 dom 元素怎么办。所以现在如果我想在单击嵌套 dom 的某个部分时导航到其他页面。
不，锚标签不能嵌套。时期。这是无效的 HTML。此外，这将如何运作？

标签： html

【解决方案1】：

嗨朋友你的问题有点混乱，但首先，嵌套的<a> 标签不会显示预期的结果。您可以尝试使用列表标签。

也许这对你有用。

<!DOCTYPE html>
<html>
    <body>
        <ul><a href="http://www.w3schools.com">
                <li>w3schools</li>
                    <ul>
                        <li><a href="http://www.google.com">google</a></li>
                    </ul>
        </ul>
        some text
        <span>span text</span>
        </a>
    </body>
</html>

【讨论】：

【解决方案2】：

你不能 nest <a> tags.

我不太确定您为什么要这样做：如果您希望将句子或单词的一部分链接到不同的事物，您可以，但事实并非如此完成：您只需将您所指的部分包装在标签中，这是基本的 HTML 样式：

This is a t e st：

<a href="http://stackoverflow.com">This</a> <a href="http://meta.stackoverflow.com">is</a> <a href="http://meta.stackexchange.com">a</a> <a href="http://stackexchange.com">t</a><a href="http://example.com">e</a><a href="http://google.com">st</a>

【讨论】：