Html 嵌套ul+的问题;黎族元素

Html 嵌套ul+的问题;黎族元素,html,html-lists,Html,Html Lists,我在下面粘贴了一些代码,这似乎导致了一个问题。据我所知,一切都在正确的位置被放置和打开/关闭,但dreamweaver正在突出显示一些作为警告。突出显示在以下项目及其相应的结束标记上: <li class="menu-item"><a href="">Work</a> 守则: <nav> <ul> <li class="m

我在下面粘贴了一些代码,这似乎导致了一个问题。据我所知,一切都在正确的位置被放置和打开/关闭,但dreamweaver正在突出显示一些作为警告。突出显示在以下项目及其相应的结束标记上:

<li class="menu-item"><a href="">Work</a>
  • 守则:

                    <nav>
                    <ul>
                        <li class="menu-item"><a href="">About</a></li>
                        <li class="menu-item"><a href="">Work</a>
                            <ul class="dropdown">
                                <div class="grid">
                                    <div class="unit one-fifth sub-menu-item">
                                        <h3>Filter</h3>
                                        <li><a href="#" data-filter="*">Everything</a></li>
                                        <?php 
                                        $terms = get_terms("category"); // get all categories, but you can use any taxonomy
                                        $count = count($terms); //How many are they?
                                        if ( $count > 0 ){  //If there are more than 0 terms
                                        foreach ( $terms as $term ) {  //for each term:
                                        echo "<li><a href='#' data-filter='.".$term->slug."'>" . $term->name . "</a></li>\n";
                                        //create a list item with the current term slug for sorting, and name for label
                                        }
                                        } 
                                        ?>
                        </li>
                                    </div>
    
                                    <div class="unit one-fifth sub-menu-item">
                                        <h3>Recent</h3>
                                    </div>
    
                                    <div class="unit two-fifths sub-menu-item">
                                        <h3>Archive</h3>
                                    </div>
    
                                    <div class="unit one-fifth sub-menu-item">
                                        <h3>Featured Project</h3>
                                    </div>
                                </div>
                            </ul>
                        <li class="menu-item"><a href="">News</a>
                    </ul>
    
                <button class="menu-toggle"><?php _e( 'Primary Menu', 'citizen-films' ); ?></button>
                </nav>
    
    
    
      • 滤器
      • 最近的 档案文件 特色项目

    非常感谢您的帮助

    ul标签只能包含li作为子项。 所以这是无效的

     <ul class="dropdown">
                            <div class="grid">
    
    但是,您可以将div放置在li标记中

    看看这个问题: