Html 我应该使用多个文件还是将页面合并到一个文件中？

这个问题暴露了我是多么的新手。我正在制作一个网站，我想知道-我的网站的不同页面可以有单独的html文件，还是应该尝试将它们合并成一个html文件？我对做事的一般方式很好奇

这里你必须考虑两件事：

#1 HTTP请求头（单个文件更好）

对于客户端为显示您的网站所做的每一个请求，都会在额外的内容中发送一些信息（示例标题）

看起来像（来自）：

所以，每个新文件（http、css、图像、js等）都会添加更多的头文件或元数据，从而降低请求速度

#2浏览器缓存（多个文件更好）

网站上从不更改的文件（如徽标或主CSS文件）无需在每个页面上重新加载，并且可以放置在浏览器缓存中。 因此，为“全局”代码创建多个文件是“避免”在每个页面上加载代码的好方法

结论

---

两者都很好，每种情况都有特定的解决方案。

作为代理管理员，我有时会惊讶于一个网页需要多少独立的文件。在过去，这可能是个麻烦。如今，好的浏览器使用HTTP连接建立一个TCP隧道，在其中传递这些请求。此外，服务在多个服务器上分发内容也很常见，每个服务器都需要自己的连接。而且，对于访问量更大的纯服务线路，通常会使用内容交付网络来更好地管理恶意来源的负载和滥用。现在，最好根据文档的结构以及版本控制和其他管理注意事项跨文件组织内容。

答案与其说是科学，不如说是艺术。你可以用任何你认为合乎逻辑的方式来分解你的内容，但是你尽可能地想通过用户的眼睛来查看网站。如果你负担得起的话，这可能意味着实际的研究（调查、焦点小组等），或者试图从谷歌分析或其他跟踪系统中得出结论

还有一个搜索引擎优化的角度。更多的页面可以等同于在搜索引擎中更大的存在，但如果你做得太多，你就会得到谷歌所说的“瘦内容”——内容很少的页面，不能传递太多信息

---

这不是一个答案正确或错误的问题。这在很大程度上取决于你希望在美学上以及可用性、性能等方面完成什么。最好的答案来自经验，但你可以一直复制你喜欢的网站，直到你对它有感觉为止。

您好，欢迎来到Stack Overflow，请花点时间浏览欢迎之旅，了解你在这里的方式（也是为了赢得你的第一个徽章），阅读如何创建一个示例，并进行检查，以增加获得反馈和有用答案的机会。Arthur关于缓存的观点也很重要（投票通过）。代理有时也进行缓存，为特定代理后面的所有用户提供缓存的好处。

GET /tutorials/other/top-20-mysql-best-practices/ HTTP/1.1
Host: net.tutsplus.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5 (.NET CLR 3.5.30729)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive
Cookie: PHPSESSID=r2t5uvjq435r4q7ib3vtdjq120
Pragma: no-cache
Cache-Control: no-cache