<分区>
我正在尝试为一个小元素创建一个网站。在浏览器窗口中启动它后到达的第一个页面是一个登录页面,它提供了从多个选项中选择一个的方法。 例如。选择您要访问的内容 -
1. 2. 3. 4.等等
我正在使用基本的 html、css 和 javascript 来处理这个问题,因为这些是我比较熟悉的。话虽这么说,但如果能让工作更轻松,我愿意学习其他东西。
但目前,我的问题是我为初始登录页面设计了一个 html 页面,当用户选择一个选项时,我正在考虑使用链接将他转移到一个新网页。
是否应该为每个选项提供一个单独的 html 页面,因为每个选项可能略有不同,但不是主要的。
对不起,我试着在网上寻找解决方案,但我不确定如何用我的搜索词来表达。此外,我在堆栈溢出中发现的唯一另一件事是 How to display multiple html pages using single index.html
如有任何帮助或指导,我们将不胜感激。谢谢!
最佳答案
从易于编码的 Angular : (不推荐)
显然,您可以在所有页面中重复相同的 HTML 结构,只需更改每个页面的中心内容即可。然后你必须使用普通的 anchor 标签链接你的子页面(1,2,3,4 ...)<a href="1.html"></a>
.
优点:
缺点:
从易于维护的 Angular 来看: (不错的选择)
如果您想为所有页面使用一个通用的页眉和页脚,那么我建议您创建具有以下结构的单个页面
Header
(1,2,3,4) <-Links
BODY CONTENT
FOOTER
然后单击链接(1、2、3 等)从 1.html 获取内容并将其注入(inject)此 index.html 的主体。
因此,您避免了在多个页面中重复页眉和页脚的需要,并且您将遵守 DRY 原则(不要自己重复)。
优点:
缺点:
需要技术知识才能在父页面中使用基于 AJAX 的内容获取和替换。
来自易于维护和管理的内容: (最佳选择)
您可以考虑使用 CMS 系统来更有效地维护您的简单网站。
优点:
注意:您需要一个网络服务器来托管您的网站。
关于html - 多个 html 页面与单个 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37757562/