问题标签 [nav]

我正在尝试使用 CSS 或 JavaScript 在我的主页上放置一个图像横幅导航。我已经尝试了几天，但没有成功。您的帮助将不胜感激。

我希望根据您悬停的链接在横幅支架中显示不同的图像，如果没有悬停，则显示默认图像。

我为导航项和图像设置了 html 和 css，如下所示：

我正在尝试为空的锚标记添加背景，但除非我在其中放置文本，否则不会显示任何内容。在列表项中放置图像并将其更改为使用 css 悬停时的另一个图像的最佳方法是什么。

html

css

我试图模仿我见过几次的东西。通常有一个带有导航栏的横幅，当页面滚动时，它会移动直到它触及顶部然后停止并保持固定。我不完全确定如何做到这一点。我已经看到了一些不同的东西，它们只是不起作用。

环顾四周后，我发现它会像这样工作，但我似乎可以让它工作。我想我错过了一些东西

我的导航栏中有一个下拉菜单，但它有很多子项目。这在更大的屏幕上很好，但是当导航折叠时，它们并没有真正重要到足以占据它们所做的所有房间。

有什么方法可以在折叠时关闭下拉菜单，或者删除下拉菜单和子项并将其替换为锚标记（它将转到用户可以选择子项的页面）？还是我在想这一切都错了？

我有一个导航栏，我希望导航栏中的一个项目在单击时打开一个下拉菜单。我有这个：

但是下拉菜单永远不会在点击时出现，我的 html 如下所示：

编辑：我试过了，我收到了这两个元素alert($(this).find('ul').html());的警报。<li>

$(this).find('ul').show(200);也没有用

内容不是动态添加的。

我的CSS看起来像这样：

有任何想法吗？

<nav>W3C 对标签的定义似乎有点模糊：

nav 元素表示链接到其他页面或页面内的部分的页面部分：具有导航链接的部分。

并非页面上的所有链接组都需要位于 nav 元素中——该元素主要用于包含主要导航块的部分。特别是，页脚通常会包含指向站点各个页面的链接的简短列表，例如服务条款、主页和版权页面。对于这种情况，仅页脚元素就足够了；虽然在这种情况下可以使用 nav 元素，但通常没有必要。

用户代理（例如屏幕阅读器）针对的用户可以从初始呈现中省略的导航信息中受益，或者可以从立即可用的导航信息中受益，可以使用此元素来确定最初跳过和/或根据要求提供的页面。

基于对其定义的非常严格的解释以及我通过验证遇到的情况，它似乎<nav>应该只包含列表元素。但是，不应该将搜索视为一系列页面中的一种导航形式吗？

虽然我知道它的主要用途是用于用户代理，但如果前者仅充当后者的容器，那么在<nav>前面加上一个标签似乎仍然是多余的。如果可以包含与导航相关的其他元素，而不限于链接列表，<ul>那将更有意义。<nav>

例如：

除了验证之外，这不是可接受的使用<nav>吗？对于不太关心验证的人来说，与确保屏幕阅读器和其他可访问性工具可以正确呈现页面相比，会产生什么影响？

有人可以告诉我如何在 header.tpl 中而不是在 opencart 的 product.tpl 中包含面包屑导航吗？

我希望我的自定义导航菜单有一个属性“角色”，其值为“导航”。wp_nav_menu() 似乎没有接受属性参数。我错过了什么吗？

可能重复：
<nav> 或 <menu> (HTML5)

HTML 有两个语义标签用于在页面中创建菜单。我应该在哪里使用标签<menu>，以及在哪里使用标签<nav>。这些标签有什么区别？PS对不起我的英语。

我在我的样式表中添加了一个导航菜单背景，我发现当我缩放浏览器时，它自己的菜单不会像我的主题的其余部分一样调整大小，它从主题结构中占据了另一个位置......这就是我的导航CSS代码：