已看到开始标记“a”，但已打开相同类型的元素

Question

我是 html 的新手，我尝试将链接（“a”）、文本“b”和链接“c”放在同一行中。 这是我的代码。

<a class = "fixed" href="/a/">linka <span> b </span> <span> <a href="/c/">linkc </a> </span> </a>

但是我遇到了一些错误，例如：

已看到开始标记“a”，但已打开相同类型的元素。 错误：结束标记“a”违反了嵌套规则。 错误：杂散结束标记“span”。 错误：偏离结束标记“a”。

我试图摆脱嵌套，但 linkC 不会出现。 如何修复此错误？

Answer 1

发生此错误是因为您在第一个<a>标记中嵌套了一个<a>标记，这在HTML中是不允许的。 要实现您正在寻找的布局，您可以使用不涉及嵌套<a>标记的不同方法。

解决此问题的一种方法是使用容器元素（例如<div> ）将所有元素包装在一起。

例子：

 <div class="fixed"> <a href="/a/">linka</a> <span> b </span> <a href="/c/">linkc </a> </div>