在开发者工具中查看额外的元素

发布于 2025-01-08 07:39:49 字数 1006 浏览 0 评论 0原文

code :

<li> 
    <a href="#" id="CustomDecor">
        <ul id="sub_menu">
            <li><a href="#" id="Carpets"></a></li>
            <li><a href="#" id="Storage_Solutions"></a></li>
            <li><a href="#" id="Flooring"></a></li>
            <li><a href="#" id="Interior_Painting"></a></li>
            <li><a href="#" id="Kitchen_Cabinet_Refacing"></a></li>
            <li><a href="#" id="Shutters"></a></li>
            <li><a href="#" id="Window_Treatments"></a></li>
            <li><a href="#" id="Window_Blinds"></a></li>
        </ul>
    </a>
</li>

开发人员工具 :

在此处输入图像描述

为什么我会看到额外的元素？（在 sub_menu 和 sub_menu 的第一个 li 下

原文

code :

<li> 
    <a href="#" id="CustomDecor">
        <ul id="sub_menu">
            <li><a href="#" id="Carpets"></a></li>
            <li><a href="#" id="Storage_Solutions"></a></li>
            <li><a href="#" id="Flooring"></a></li>
            <li><a href="#" id="Interior_Painting"></a></li>
            <li><a href="#" id="Kitchen_Cabinet_Refacing"></a></li>
            <li><a href="#" id="Shutters"></a></li>
            <li><a href="#" id="Window_Treatments"></a></li>
            <li><a href="#" id="Window_Blinds"></a></li>
        </ul>
    </a>
</li>

Developer tools :

enter image description here

Why am I seeing extra elements? (under sub_menu and first li of sub_menu

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

装纯掩盖桑 2025-01-15 07:39:50

您不能嵌套锚点 () 元素。
遇到新的锚标记时，浏览器会尝试修复结构，可能是通过关闭前一个标记。

看看这个简化的小提琴： http://jsfiddle.net/jZr3Z/

<li> 
    <a href="#" id="CustomDecor">                  <----- Anchor 1
        <ul id="sub_menu">
            <li><a href="#" id="Carpets"></a></li> <----- Anchor 2

You cannot nest anchor (<a>) elements.
On encounter of a new anchor tag, the browser attempts to fix the structure, possibly by closing the previous tag.

Have a look at this simplified fiddle: http://jsfiddle.net/jZr3Z/

<li> 
    <a href="#" id="CustomDecor">                  <----- Anchor 1
        <ul id="sub_menu">
            <li><a href="#" id="Carpets"></a></li> <----- Anchor 2

回复收藏 0 原文

~没有更多了~