我正在一个有7个HTML页面的演示文稿网站上工作。仅拥有一个大的HTML文件比拥有7个较小的HTML文件更有效率吗？
我之所以这样问，是因为页眉，页脚和正文的20％对于所有页面都是相同的。不同的部分仅具有列表，p和h标签。
谢谢！
性能差异几乎可以忽略不计，但是通过使用一个html文件而不是七个html文件，您可以通过仅更改javascript的不同（没有页面刷新，没有闪烁）来获得更流畅的用户体验。如果要坚持使用普通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>
我非常喜欢Angular。它功能强大，但您仅需一个script标签就可以将其用于超小型产品。（如果您希望后退/前进按钮起作用，请查看ng-route。）无论哪种方式，如果您不使用七个静态html文件，您的演示文稿都会给人留下深刻的印象。干杯
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句