Lara Asked: 2020-02-04 12:09:37 +0800 CST 2020-02-04 12:09:37 +0800 CST 2020-02-04 12:09:37 +0800 CST 嵌套 <nav></nav> 标记以在 HTML5 中创建菜单的正确位置在哪里? 772 我为课堂做了一个练习,我在正文内创建了一个小菜单,但在我为页面头部创建的标题之外,他们认为它是有效的,没有太大问题。今天,在使用 freeCodeCamp 练习时,我看到在其中一个练习中,菜单包含在标题中。尽管这两种可能性在实践中对我有用,但还有什么是正确的? html 4 Answers Voted John Alex Machado 2020-02-04T12:38:13+08:002020-02-04T12:38:13+08:00 理想情况下,每当您开始一个新项目时,主要内容应该始终位于 HEADER 标签中,例如(标题、导航菜单等),并且在您的菜单的同一个 NAV 中。浏览器根据代码开发中执行的最佳实践更快地查找和过滤您的搜索。 这也被 w3 和 MDN(mozilla 开发者网络)HEADER 引用为您需要的网站的主要部分,并在同一个标签中引用 NAV,因为它仍然是网站上的主要部分。 然后跟随站点的所有内容,该站点对所有内容使用 MAIN 并以作为 FOOTER 的页脚结束。 我给你一个基本的例子。 <!DOCTYPE html> <html lang="es"> <head> <title>Inicio</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="Img/Favicon.png" type="image/x-icon"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> </head> <body> <!-- ENCABEZADO --> <header class="encabezado"> <h1>Developer Web</h1> <!-- MENÚ DE NAVEGACIÓN --> <nav class="menu"> <ul> <li><a href="#">Inicio</a></li> <li><a href="#">Información</a></li> <li><a href="#">Galeria</a></li> <li><a href="#">Contacto</a></li> </ul> </nav> </header> <!-- TODA LA INFO DEL SITIO --> <main class="container"> </main> <!-- PIE DE PÁGINA --> <footer class="pie-pagina"> </footer> </body> </html> 一个好的网站的特点是正确地使用 HTML 标签并为其创建。 Dennis Nuñez 2020-02-04T12:18:31+08:002020-02-04T12:18:31+08:00 正确的形式是左边的那个。因为您所做的是将一个元素与另一个元素区分开来,它将帮助您轻松地在代码中找到其他元素。 Best Answer A. Cedano 2020-02-04T13:04:01+08:002020-02-04T13:04:01+08:00 W3C 推荐 实际上并没有说标签<nav>应该放在header. 从他们所说的和他们给出的例子来看,你应该去哪里nav取决于页面的结构和你nav在上面代表什么。 其实他们放了两个用法示例,一个在里面header。还要注意这里有两个标签header: 和另一个之外header。另请注意,这里有两组nav: W3C 建议中关于这两个用例的说法是相关的nav: 第一个案例 在下面的示例中,页面有多个位置存在链接,但只有其中一个位置被视为导航部分。 第二种情况: 在下面的示例中,有两个导航元素,一个用于围绕站点的主要导航,一个用于围绕页面本身的辅助导航。 翻译(粗体是我的): 第一个案例 在下面的示例中,页面有多个位置存在链接,但只有其中一个位置被视为导航部分。 第二种情况 在下面的示例中,有两个导航元素,一个用于 围绕站点的主导航,一个用于围绕页面的辅助导航。 更重要的是,W3C Recommendation 说它nav甚至对写诗很有用: 导航元素不必包含列表,它还可以包含其他类型的内容。在此导航块中,链接以散文形式提供: 结论 nav应该根据页面的结构以及该元素在页面上代表的内容来决定它应该去哪里。 为了更深入地了解这个主题,我建议阅读带有 nav 元素的语义导航,发表于html5doctor.com Diesan Romero 2020-02-04T12:20:39+08:002020-02-04T12:20:39+08:00 正如 Dennis Nuñez 所说,正确的部分在左侧,但如果您完全不确定,请使用称为标记验证服务的工具,它可以帮助您了解您是否在 HTML 文档中使用了正确的语义。
理想情况下,每当您开始一个新项目时,主要内容应该始终位于 HEADER 标签中,例如(标题、导航菜单等),并且在您的菜单的同一个 NAV 中。浏览器根据代码开发中执行的最佳实践更快地查找和过滤您的搜索。
这也被 w3 和 MDN(mozilla 开发者网络)HEADER 引用为您需要的网站的主要部分,并在同一个标签中引用 NAV,因为它仍然是网站上的主要部分。
然后跟随站点的所有内容,该站点对所有内容使用 MAIN 并以作为 FOOTER 的页脚结束。
我给你一个基本的例子。
一个好的网站的特点是正确地使用 HTML 标签并为其创建。
正确的形式是左边的那个。因为您所做的是将一个元素与另一个元素区分开来,它将帮助您轻松地在代码中找到其他元素。
W3C 推荐 实际上并没有说标签
<nav>
应该放在header
.从他们所说的和他们给出的例子来看,你应该去哪里
nav
取决于页面的结构和你nav
在上面代表什么。其实他们放了两个用法示例,一个在里面
header
。还要注意这里有两个标签header
:和另一个之外
header
。另请注意,这里有两组nav
:W3C 建议中关于这两个用例的说法是相关的
nav
:第一个案例
第二种情况:
翻译(粗体是我的):
第一个案例
第二种情况
更重要的是,W3C Recommendation 说它
nav
甚至对写诗很有用:结论
nav
应该根据页面的结构以及该元素在页面上代表的内容来决定它应该去哪里。为了更深入地了解这个主题,我建议阅读带有 nav 元素的语义导航,发表于
html5doctor.com
正如 Dennis Nuñez 所说,正确的部分在左侧,但如果您完全不确定,请使用称为标记验证服务的工具,它可以帮助您了解您是否在 HTML 文档中使用了正确的语义。