我试图为一个小项目创建一个网站。在浏览器窗口中启动后，您可以访问的第一个页面是一个登录页面，它提供了从多个选项中选择一个的方法。 例如。选择您想要访问的内容 -
1。 2。 3。 等等
我使用基本的html，css和javascript来处理这个问题，因为那些是我有点熟悉的。话虽这么说，如果能让工作变得更轻松，我就可以学习别的东西了。
但目前，我的问题是我为初始登陆页面设计了一个html页面，当用户选择一个选项时，我想使用链接将他转移到新的网页。
每个选项都应该有一个单独的html页面，因为每个选项可能会有所不同，但不是主要的。
对不起，我尝试在线寻找解决方案，但我不确定如何说出我的搜索字词。另外，我在堆栈溢出中发现的唯一另一件事是How to display multiple html pages using single index.html
非常感谢任何帮助或指导。谢谢！
答案 0 :(得分：1)
从简单到代码的角度来看： （不推荐）
显然，您可以在所有页面中重复相同的HTML结构，只需更改每个页面中的中心内容即可。然后，您必须使用常规锚标记<a href="1.html"></a>链接您的子页面（1,2,3,4 ...）。
优点：
缺点：
从易于维护的角度来看： （不错的选择）
如果您希望所有页面都有一个公共页眉和页脚，那么我建议您创建一个具有以下结构的单页
Header
(1,2,3,4) <-Links
BODY CONTENT
FOOTER
然后点击链接（1,2,3等），从1.html中获取内容并将其注入此index.html的主体。
因此，您可以避免在多个页面中重复页眉和页脚，并且您将遵循DRY原则（不要重复自己）。
优点：
缺点：
需要技术知识才能在父页面中使用基于AJAX的内容提取和替换。
易于维护＆amp;管理内容： （最佳选项）
您可以考虑使用CMS系统更有效地维护您的简单网站。
优点：
注意：您需要一台Web服务器来托管您的网站。
答案 1 :(得分：0)
您是否考虑过如何处理不同的屏幕尺寸？手机怎么样？你的图像和格式会调整大小吗？
有一个系统可以帮你解决这个问题吗？
它被称为Bootstrap - 也许你已经听过一些喧哗声。
看看这些教程，用于构建单页，多节，Bootstrap网站（目前最热门的网站类型），如果其中一个网站适合您，请按照该教程进行操作。它应该不到一个小时。然后，使用您自己的信息/图像更新信息/图像，这是一个很长的路要走。
个人 - Demo here - Tutorial here
Artsy / Creative - Demo here - Tutorial here
公司 - Demo here - Tutorial here
然后，如果您需要更多内容，请在YouTube上搜索其他Bootstrap视频教程。