结束标签 div 可见验证器

Question

我在验证器中的网站上的标签“div”有一些问题： 未闭合元素 div: 和

<div class="content">
    <div class="content">
        <div class="wrapper">
            <div class="component">
                <section class="block1">
                    <div class="container">
                        <header class="flex-between-center">
                            <div class="left">
                                <p><span class="icon icon-map"></span>1620 Pebblewood Ln. Ste. 132
                                    <br> Naperville, IL 60563
                                </p>
                                <a class="tel" ><span class="icon icon-phone"></span><b>(630)741-4445</b></a>
                                <div class="mob-tel">
                                    <ul>
                                        <li><a href="tel:(630)741-4445">(630) 741-4445</a></li>
                                        <li><a href="tel:(630)741-4445">(630) 741-4445</a></li>
                                        <li><a href="tel:(630)741-4445">(630) 741-4445</a></li>
                                        <li><a href="tel:(630)741-4445">(630) 741-4445</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="logo">
                                <a href="/">
                                    <img src="<?=CONFIG::TEMPLATE_ROOT?>design/img/logo.jpg" alt="">
                                </a>
                            </div>
                            <div class="right">
                                <form action="/search">
                                <span class="input input--hoshi search-wrapp">
                                    <input class="input__field input__field--hoshi" type="text" id="search" name="keyword" placeholder="Search..."/>
                                    <label class="input__label input__label--hoshi input__label--hoshi-color-2" for="input-5">
        <!--                                <span class="input__label-content input__label-content-hoshi">Search...</span>-->
                                    </label>
                                        <span class="icon-serch"></span>

                                </span>
                                <input id="search-btn" type="submit" style="display: none;"/>
                                </form>
                                <script type="text/javascript">
                                    $('.search-wrapp .icon-serch').click(function(){
                                        $('#search-btn').trigger('click');
                                    })

                                </script>
                                <p class="in-cart">
                                    <span class="icon"></span>
                                    <span class="title">In cart:</span>
                                    <a href="/card" id="cart-header">
                                        <b class="Bouquet">Bouquet</b><span class="nubmer"> <?=$_SESSION['sum_count']?$_SESSION['sum_count']:0 ?></span>
                                        <b class="price-title">Price</b>
                                        <span class="price">$<?=$_SESSION['sum_count']?$_SESSION['sum_price']:0 ?></span>
                                    </a>
                                </p>
                            </div>
                        </header>
                    </div>
                    <hr>
                    <div class="container">
                        <nav>
                            <div class="menu-icon">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <ul class="flex-between-center menu">
                                <? $menu = $this->_db->select('catalog ', ' category = "main" AND active = 1 ORDER BY sort'); ?>
                                <? foreach ($menu as $item) {
                                if($item['id'] != 229){?>
                                        <li><a href="/catalog/<?= $item['link'] ?>" class="<?if($url->id == $item['link'])echo "active-menu";?>" ><?= $item['title_en'] ?></a></li>
                                <? }}?>
                            </ul>
                        </nav>
                    </div>
                </section>
                <!-- end block1 -->

你能帮我解决这个问题吗？我想我没有关闭？我在哪里输了？我不明白 ：（ 感谢您的帮助！

Answer 1

您忘记关闭以下标签：

<div class="content">
    <div class="content">
        <div class="wrapper">
            <div class="component">

所以在</section><!-- end block1 -->之后添加4个结束标签

             </div>
        </div>
    </div>
</div>

Answer 2

<div class="content">
  <div class="content">
    <div class="wrapper">
      <div class="component">
        <section class="block1">
          <div class="container">
            <header class="flex-between-center">
              <div class="left">
                <p><span class="icon icon-map"></span>1620 Pebblewood Ln. Ste. 132
                  <br>Naperville, IL 60563
                </p>
                <a class="tel"><span class="icon icon-phone"></span><b>(630)741-4445</b></a>
                <div class="mob-tel">
                  <ul>
                    <li><a href="tel:(630)741-4445">(630) 741-4445</a>
                    </li>
                    <li><a href="tel:(630)741-4445">(630) 741-4445</a>
                    </li>
                    <li><a href="tel:(630)741-4445">(630) 741-4445</a>
                    </li>
                    <li><a href="tel:(630)741-4445">(630) 741-4445</a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="logo">
                <a href="/">
                                    <img src="<?=CONFIG::TEMPLATE_ROOT?>design/img/logo.jpg" alt="">
                                </a>
              </div>
              <div class="right">
                <form action="/search">
                  <span class="input input--hoshi search-wrapp">
                                    <input class="input__field input__field--hoshi" type="text" id="search" name="keyword" placeholder="Search..."/>
                                    <label class="input__label input__label--hoshi input__label--hoshi-color-2" for="input-5">
        <!--                                <span class="input__label-content input__label-content-hoshi">Search...</span>-->
                  </label>
                  <span class="icon-serch"></span>

                  </span>
                  <input id="search-btn" type="submit" style="display: none;" />
                </form>
                <script type="text/javascript">
                  $('.search-wrapp .icon-serch').click(function() {
                    $('#search-btn').trigger('click');
                  })
                </script>
                <p class="in-cart">
                  <span class="icon"></span>
                  <span class="title">In cart:</span>
                  <a href="/card" id="cart-header">
                    <b class="Bouquet">Bouquet</b><span class="nubmer"> <?=$_SESSION['sum_count']?$_SESSION['sum_count']:0 ?></span>
                    <b class="price-title">Price</b>
                    <span class="price">$<?=$_SESSION['sum_count']?$_SESSION['sum_price']:0 ?></span>
                  </a>
                </p>
              </div>
            </header>
          </div>
          <hr>
          <div class="container">
            <nav>
              <div class="menu-icon">
                <span></span>
                <span></span>
                <span></span>
              </div>
              <ul class="flex-between-center menu">
                <? $menu=$ this->_db->select('catalog ', ' category = "main" AND active = 1 ORDER BY sort'); ?>
                <? foreach ($menu as $item) { if($item[ 'id'] !=2 29){?>
                <li>
                  <a href="/catalog/<?= $item['link'] ?>" class="<?if($url->id == $item['link'])echo " active-menu ";?>">
                    <?=$ item[ 'title_en'] ?>
                  </a>
                </li>
                <? }}?>
              </ul>
            </nav>
          </div>
        </section>
        <!-- end block1 -->
      </div>
    </div>
  </div>
</div>

需要另外 4 个关闭 </div>