这种结构是否适合下拉式导航菜单?

时间:2018-12-21 17:57:26

标签: html drop-down-menu navigation

我在为下拉Nav菜单设置正确的结构时遇到了问题,如果这里的结构正确,只需要建议即可。

我了解自己在做什么,嵌套的工作方式,我认为我在语法方面遇到了问题,特别是每次尝试都没有正确关闭列表。我想备份一下,然后尝试从2个子菜单​​开始一个简单的菜单,以确保我正确地学习。应该注意的是,我对这段代码没有任何问题,我没有尝试过任何东西,我纯粹是为这个问题写的。

<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<link rel="stylesheet" type="text/css" 
href="C:\Users\geek\Desktop\navbar1\styles.css">
</head>
<header>
<H2>My Web Page</H2>
</header>
<body>
<div class="wrapper">
    <nav>
        <ul>
            <li>Music
                <ul>
                    <li>Songs
                        <ul>
                            <li>Blue slide 
park</li>
                        </ul>
                    </li>
                </ul>
                </li>
        </ul>

    </nav>
</div>
</body>
</html>

音乐应该是导航栏中唯一可见的元素。当我将鼠标悬停在“音乐”上时,将出现一个名为“歌曲”的子菜单。当我将鼠标悬停在“歌曲”上时,会出现一个带有链接的子菜单。

0 个答案:

没有答案