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

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并增加页面加载时间。 对很多事情使用此方法可能会减慢它的速度，但是最理想的方法是让您在Google页面上获得100/100的速度，希望分析是在本地托管的，这样就不会出现缓存问题。

做了一点点的话题，但希望这会有所帮助:)

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

问题描述

2 个解决方案

解决方案1
2 已采纳 2018-02-23 10:52:51

解决方案2
0 2018-02-23 11:18:51

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

问题描述

2 个解决方案

解决方案1 2 已采纳 2018-02-23 10:52:51

解决方案2 0 2018-02-23 11:18:51

解决方案1
2 已采纳 2018-02-23 10:52:51

解决方案2
0 2018-02-23 11:18:51