Question

我想知道是否可以在很多HTML文件中包含链接列表。我的想法是基于W3 School的W3 Include，它允许你在许多文件中包含HTML代码块，这对于一次更改大量文件非常有用。

下面是W3文章的链接：https://www.w3schools.com/howto/howto_html_include.asp

我希望能做的是这样的事情：

 <html>
   <head>
    <script src="https://www.w3schools.com/lib/w3.js"></script>
  </head>
  <body>
    <h1>test</h1>
  <div w3-include-html="links.html"></div>
  </body>
</html>

links.html文件中有一堆链接。例如

<link rel="stylesheet" href="style1"> <link rel="stylesheet" href="someframework"> <link rel="stylesheet" href="somescript">

我希望能够这样做，因为当在线资源更改链接时，我可以通过更新一个链接文件轻松更新它们，然后它将在我的整个网站上推出。

据我所知，最有可能出现以这种方式加载文件的问题，但是如果有人对如何按照这些方式做某些事情有任何建议，那就太棒了。

Answer 1

好吧，您可以在任何编程语言中使用部分渲染。如果您的页面具有静态HTML并且不受任何编程语言的支持，您可以在页面的头部添加指向JavaScript文件的链接，并从文件中加载您选择的样式表和脚本。（查看如何使用JavaScript加载样式表和脚本）。

这样，您就可以在一个地方管理头部资产。

LE：https://developer.mozilla.org/en-US/docs/Web/Web_Components/HTML_Imports这将是未来的事情

Answer 2

根据您的设置方式，您可以将标题包含在内。可以使用<?php include "your/file/location" ?>

这样您就可以在每个页面的顶部添加这段代码。然后在位置文件中，您将添加所有和标签，这将清除您的HTML相当多，并增加页面加载时间。在很多方面使用这种方法可能会降低速度，但是完美的数量将允许您在谷歌页面速度上获得100/100，希望分析在本地托管，这样您就不会遇到缓存问题。

稍微偏离主题，但希望这会有所帮助：）

如何在每个html文件中包含链接列表（样式表，javascript文件）

2 个答案: