文章/答案/技术大牛

发布

社区首页 >问答首页 >firefox在html中创建一个额外的标记

问firefox在html中创建一个额外的标记
EN

Stack Overflow用户

提问于 2022-02-01 07:34:36

回答 3查看 51关注 0票数 0

很抱歉，关于标题的一些信息，这是我的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>

但是火狐在主体内部的标题外创建了一个额外的标签，和最后一个标签：<a class='btn' href="#">Button</button>一样。

铬也起着同样的作用

html

回答 3

Stack Overflow用户

回答已采纳

发布于 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

Stack Overflow用户

发布于 2022-02-01 07:50:29

确保您正在打开和关闭正确的标签。它不是额外的标记，而是关闭标签，因为您正在关闭一个未定义的按钮，而不是实际的锚标记。

您可以通过用<a class='btn' href="#">Button</button>替换<a class='btn' href="#">Button</a>来解决这个问题。

这不是浏览器问题，而是代码问题。

票数 1

Stack Overflow用户

发布于 2022-02-01 08:10:17

始终确保您正在打开和关闭正确的标记，.If您打开了一个锚标记，然后您应该关闭它，如果您打开了按钮标记，那么您也应该关闭它。

您可以通过用Button替换Button来修复这个问题。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70936936

复制

相似问题

问firefox在html中创建一个额外的标记
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问firefox在html中创建一个额外的标记EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问firefox在html中创建一个额外的标记
EN