制作演示网站时，使用多个HTML文件还是只使用一个大HTML文件更有效
我在一个演示网站上工作，有7个HTML页面。只有一个大HTML文件比7个小HTML文件更有效吗 我问这个问题的原因是因为所有页面的页眉、页脚和20%的正文都是相同的。不同的零件只有列表、p和h标记制作演示网站时，使用多个HTML文件还是只使用一个大HTML文件更有效,html,css,optimization,web,Html,Css,Optimization,Web,我在一个演示网站上工作，有7个HTML页面。只有一个大HTML文件比7个小HTML文件更有效吗 我问这个问题的原因是因为所有页面的页眉、页脚和20%的正文都是相同的。不同的零件只有列表、p和h标记 谢谢 答案是否定的，与7个较小的文件相比，只有一个大的HTML文件是没有效率的。例如，如果您有许多较小的文件，那么假设您有1个文件作为页眉，1个文件作为页脚，1个文件作为正文和其他文件。这样，您就可以通过查看要修改的文件，而不是查看整个HTML文件，轻松地修改和跟踪代码。性能差异几乎可以忽略不计，但是
谢谢 答案是否定的，与7个较小的文件相比，只有一个大的HTML文件是没有效率的。例如，如果您有许多较小的文件，那么假设您有1个文件作为页眉，1个文件作为页脚，1个文件作为正文和其他文件。这样，您就可以通过查看要修改的文件，而不是查看整个HTML文件，轻松地修改和跟踪代码。性能差异几乎可以忽略不计，但是如果使用一个HTML文件而不是七个HTML文件，您只需更改javascript的不同之处，就可以获得更流畅的用户体验（无页面刷新，无闪烁）。 如果您想坚持使用vanilla js或jquery，请将所有html放在一个文件中，并切换元素的css显示属性。 不过，一种更干净、更简单的方法是使用Angular之类的框架。这样，您可以将动态元素分解为多个部分，最终将得到八个干净、简洁的html页面（总html=一个页面选项），并且根本不需要javascript。最佳实现取决于您的具体情况，一个简单的页面可能类似于：
<!DOCTYPE html>
<html ng-app>
...
<body ng-init="partial = 'initial.html'>
<!-- header, whatever part of that 20% -->
<!-- put dynamic elements in separate html files (no html tags or anything, just the divs or whatever -->
<a ng-click="partial = '/path/something.html'">something</a>
<a ng-click="partial = '/path/whatever.html'">whatever</a>
...
<div ng-include="partial">
<!-- rest of that 20%, footer -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</body>
</html>
...
您的问题与javascript无关，您可能希望删除标记。感谢您的帮助！我将研究Angular。目前我正在使用javascript和jQuerry制作幻灯片，每当我导航到其他页面时，我都担心图像计数器会重新启动。使用Angular，我可能会解决此问题。再次感谢！：DGlad I could帮助！即使使用普通javascript/jquery，更改dom元素（list、p、h）也会更好而不是在页面之间导航。除非您真的需要浏览器的后退/前进按钮来反映更改，否则香草是一种很好的方式——您只需要一个大的html文件。但是，如果您使用会话存储或其他方式来破解某些内容，您将获得poops代码和poops ux。干杯！