铬合金变形li>；a>；ul>；李>；HTML

Chrome正在无缘无故地改变我的HTML的结构，删除第二级锚定标记生成预期的HTML，并用div或任何其他标记替换它也可以正常工作

书面代码：

<ul>
  <li>
    <a href="/">
      Whatup
      <ul>
        <li>
          <a href="/test/">Yo</a>
        </li>
      </ul>
    </a>
  </li>
</ul>

解释代码：

<ul>
  <li>
    <a href="/">
      Whatup
    </a>
    <ul>
      <a href="/"></a>
      <li>
        <a href="/"></a>
        <a href="/test/">Yo</a>
      </li>
    </ul>
  </li>
</ul>

示例工作代码：

<ul>
  <li>
    <a href="/">
      Whatup
      <ul>
        <li>
          <div>Yo</div>
        </li>
      </ul>
    </a>
  </li>
</ul>

内部列表中还有另一个

a

。这就是导致内部

ul

从外部

a

中断的原因，因为在另一个

a

中不能有

a

（否则，浏览器不知道如何处理单击内部

a

）

---

换句话说，不是Chrome使你的HTML格式不正确——你的HTML格式一开始就不正确。

你的HTML是无效的。你应该使用

根据规范：

内容模型：透明，但不能有交互式内容子体

链接是交互式内容（人们需要点击链接以加载新页面）

---

浏览器正在尝试从您的错误中恢复。

您不能在HTML中嵌套链接。Chrome不会“无缘无故”改变这一点，而是为了纠正你所犯的错误。仅供参考，验证你的代码可以帮助你在提出要求之前找出类似的东西。谢谢，我想我的HTML可能有点格式不正确，但我甚至没有想到>*>a是无效的，这很有道理。当我离开时，我会接受你的回答can@NbodyNbody：公平地说，仅仅通过查看加价很难发现。这就是为什么定期验证标记是一种好的做法。