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.