下列程式码会使外部<a>标签显示两次，并分割<p>标签的内容：
<a href="https://five-pillars-simulator.luisafk.repl.co" target="fivepillarssmiluator" class="card dfc tc mw m40 cb tdn">
<h2 class="card-title">
Five Pillars Simulator
</h2>
<p class="card-body tj">
A History Project me and <a href="https://replit.com/@gabrielo4">Gabe</a> made for a school History project.
</p>
</a>看起来问题出在<p>内的<a>标记上，因为如果我删除它，它会正确显示。
当前行为：
预期行为（或无第二个<a>）：
Chrome DevTools中存在混乱行为的元素：
1条答案
按热度按时间shyt4zoc1#
问题是不能有嵌套的
<a>标记。你内部的
<a>标记链接到同一个目标，所以没有理由再添加一个额外的<a>标记。如果你想改变它们的样式，可以考虑使用
<span>作为内部“链接”。