我在chrome中看到了一些额外的标签

时间:2017-05-24 22:15:10

标签: html

当我推动ctr + shift + j时,我在chrome中看到了一些额外的标签'a' 这是我的代码

<heade>
        <div id="logo">
            <h1>titel</h1>
            <span id="btnNav"><i class="fa fa-bars" aria-hidden="true"></i></span>
        </div>
        <nav>
            <ul class="menu">
                <li><a href="#">ایتم 1</a></li>
                <li><a href="#"><i class="fa fa-caret-down" aria-hidden="true"></i>  ایتم 2</a>
                    <ul class="subMenu">
                        <li><a href="#">ایتم 2 . 1<a></li>
                        <li><a href="#">ایتم 2 . 2<a></li>
                        <li><a href="#">ایتم 2 . 3<a></li>
                        <li><a href="#">ایتم 2 . 4<a></li>
                    </ul>
                </li>
                <li><a href="">ایتم 3</a></li>
                <li><a href="">ایتم 4</a></li>
            </ul>
        </nav>
    </header> 

我在谷歌浏览器中看到的这段代码在此代码中有额外的'a'标记。这是什么?

<header>
            <div id="logo">
                <h1>titel</h1>
                <span id="btnNav"><i class="fa fa-bars" aria-hidden="true"></i></span>
            </div>
            <nav>
                <ul class="menu">
                    <li><a href="#">ایتم 1</a></li>
                    <li><a href="#"><i class="fa fa-caret-down" aria-hidden="true"></i>  ایتم 2</a>
                        <ul class="subMenu">
                            <li><a href="#">ایتم 2 . 1</a><a></a></li><a>
                            </a><li><a></a><a href="#">ایتم 2 . 2</a><a></a></li><a>
                            </a><li><a></a><a href="#">ایتم 2 . 3</a><a></a></li><a>
                            </a><li><a></a><a href="#">ایتم 2 . 4</a><a></a></li><a>
                        </a></ul><a>
                    </a></li><a>
                    </a><li><a></a><a href="">ایتم 3</a></li>
                    <li><a href="">ایتم 4</a></li>
                </ul>
            </nav>
        </header>

Jquery代码

  

$('。menu li')。hover(function(){if($(this).find('。subMenu')){             $(本).find( '子 ')的slideToggle(' 慢')。 ,function(){         if($(this).find('。subMenu')){             $(本).find( '子 ')的slideToggle(' 慢')。 }});

1 个答案:

答案 0 :(得分:1)

问题是您没有关闭a代码。你有:

<li><a href="#">ایتم 2 . 1<a></li>
<li><a href="#">ایتم 2 . 2<a></li>
<li><a href="#">ایتم 2 . 3<a></li>
<li><a href="#">ایتم 2 . 4<a></li>

应该是:

<li><a href="#">ایتم 2 . 1</a></li>
<li><a href="#">ایتم 2 . 2</a></li>
<li><a href="#">ایتم 2 . 3</a></li>
<li><a href="#">ایتم 2 . 4</a></li>

请注意,结尾标记有/