Alexis Rodriguez Asked: 2020-06-30 08:51:10 +0800 CST 2020-06-30 08:51:10 +0800 CST 2020-06-30 08:51:10 +0800 CST 你如何处理 HTML 中的导航栏? 772 创建以下navbar作为示例, 我怀疑每个导航栏按钮应该将我引导到另一个文档?也就是说,我应该header在每个 .html 文件中复制该代码吗?还是以其他方式完成? javascript 3 Answers Voted Gustavo Tufiño Fernández 2020-06-30T12:01:36+08:002020-06-30T12:01:36+08:00 当然你可以避免复制和粘贴你的< NAV >的代码,实际上这是一种不好的做法,你应该做的是有一个类似于这个的结构,我将用 JAVA 语言向你展示: JAVA中的WEB结构-服务器-TOMCAT 那么在java中使用.jsp、jsf等文件是很常见的。如您所见,它们是 html 。 在header.jsp 中,我指出了页面需要的所有样式。 头文件.jsp <!-- HEADER STILOS --> <link rel="stylesheet" href="../recursos/css/estilos.css"> <!-- END HEADER ESTILOS--> 在nav.jsp中,导航菜单将会出现。 导航.jsp <!-- NAV --> <nav> <ul> <li><a href="#opcion1">Opción 1</a></li> <li><a href="#opcion2">Opción 2</a></li> <li><a href="#opcion3">Opción 3</a></li> <li><a href="#opcion4">Opción 4</a></li> </ul> </nav> <!-- END NAV --> 在footer.jsp中是页脚文本和将加载页面的脚本。 页脚.jsp <!-- FOOTER --> <div id="footer"> Derechos Reservados </div> <!-- END FOOTER --> <!-- SCRIPTS--> <script type="text/javascript" src="../recursos/js/jquery-1.7.1.min.js"> </script> <script type="text/javascript" src="../recursos/js/script.js"></script> <!-- END SCRIPTS --> 最后在需要使用 ,HEADER, NAV 和 FOOTER的任何其他jsp(html)页面中,执行以下操作: 注意:请注意我如何包含我在其他 jsp(html) 中定义的 jsp 以在 index.jsp 中使用。 索引.jsp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Index</title> <jsp:include page="header.jsp"></jsp:include> </head> <body> <jsp:include page="nav.jsp"></jsp:include> <jsp:include page="footer.jsp"></jsp:include> </body> </html> 最后我得出结论,您可以应用相同的逻辑来回收任何语言(如 PHP)中的 html 结构,C# 有自己的方法将 html 包含在其他 html 中。这样,您的网页就会更有条理,并且无需太多代码。 我希望我已经指导了你所需要的东西,问候。 Best Answer Uber Hilari Gutierrez 2020-06-30T09:42:22+08:002020-06-30T09:42:22+08:00 如果您只使用 HTML 文件,答案是肯定的,您必须在每个文件中复制该 HTML 代码。 另一个故事是,如果您使用任何服务器端语言,如 PHP、ASP.NET、JSP、NodeJS,它们允许您动态创建 HTML 页面,从而允许您重用部分 HTML 代码,就像您指定的那样。 simon 2020-06-30T10:25:13+08:002020-06-30T10:25:13+08:00 您好,虽然您的问题已经得到解答,但我想再补充一点: 在您的导航栏中,您是否必须在菜单中添加一个 li 标签?好的,只需在该标签内添加如下链接: <li><a href="midocumento.html">acerca</a></li> 并准备好它说的地方链接在那里,您只需使用 .html 扩展名正确添加文档的路径,就是这样,您只需在您拥有的每个 html 文档中添加导航栏代码。
当然你可以避免复制和粘贴你的< NAV >的代码,实际上这是一种不好的做法,你应该做的是有一个类似于这个的结构,我将用 JAVA 语言向你展示:
JAVA中的WEB结构-服务器-TOMCAT
那么在java中使用.jsp、jsf等文件是很常见的。如您所见,它们是 html 。
在header.jsp 中,我指出了页面需要的所有样式。
在nav.jsp中,导航菜单将会出现。
在footer.jsp中是页脚文本和将加载页面的脚本。
最后在需要使用 ,HEADER, NAV 和 FOOTER的任何其他jsp(html)页面中,执行以下操作:
注意:请注意我如何包含我在其他 jsp(html) 中定义的 jsp 以在 index.jsp 中使用。
最后我得出结论,您可以应用相同的逻辑来回收任何语言(如 PHP)中的 html 结构,C# 有自己的方法将 html 包含在其他 html 中。这样,您的网页就会更有条理,并且无需太多代码。
我希望我已经指导了你所需要的东西,问候。
如果您只使用 HTML 文件,答案是肯定的,您必须在每个文件中复制该 HTML 代码。
另一个故事是,如果您使用任何服务器端语言,如 PHP、ASP.NET、JSP、NodeJS,它们允许您动态创建 HTML 页面,从而允许您重用部分 HTML 代码,就像您指定的那样。
您好,虽然您的问题已经得到解答,但我想再补充一点:
在您的导航栏中,您是否必须在菜单中添加一个 li 标签?好的,只需在该标签内添加如下链接:
并准备好它说的地方
在那里,您只需使用 .html 扩展名正确添加文档的路径,就是这样,您只需在您拥有的每个 html 文档中添加导航栏代码。