firefox 在 html 中创建一个额外的标签
[英]firefox creating an extra a tag in html
问题描述
抱歉，标题上的信息很少，这是我的 html：
<body>
<header class="header">
<nav class="flex flex-jc-sb flex-ai-c">
<a href="#" class="header__logo">
<img src="img/logo.svg" alt="">
</a>
<a href="#" class="header__menu">
<span></span>
<span></span>
<span></span>
</a>
<div class="header__links">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#"><a>
<a href="#">Blog</a>
<a href="#">Careers</a>
</div>
<a class='btn' href="#">Button</button>
</nav>
</header>
<body>
但是 firefox 在体内的 header 之外创建了一个额外的 a 标签，与最后一个相同： <a class='btn' href="#">Button</button> 。
铬也有同样的作用
2 个解决方案
解决方案1
2 2022-02-01 07:47:08
如果您使用HTML 验证服务，您会发现一堆问题，其中包括：
Unclosed element a.
From line 22, column 9; to line 22, column 32
↩↩ <a class='btn' href="#">Button
在这里您打开了<a>标签，但用</button>错误地关闭了它
<a class='btn' href="#">Button</button>
所以浏览器会尽最大努力找出正确的 DOM
解决方案2
1 2022-02-01 07:50:29
确保您打开和关闭正确的标签。 它没有制作额外的标签，它正在关闭标签，因为您正在关闭未定义的按钮，而不是实际的锚标签。
您可以通过将<a class='btn' href="#">Button</button>替换为<a class='btn' href="#">Button</a>来解决此问题。
不是浏览器问题，是代码问题。
解决方案3
0 2022-02-01 08:10:17
始终确保您打开和关闭正确的标签。如果您打开一个锚标签，那么您应该关闭它，如果您打开按钮标签，那么您也应该关闭它
您可以通过将 Button 替换为 Button 来解决此问题。
HTML表单标记在IE 7和IE 8中创建额外空间
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.