将所有 <link rel="stylesheet" 或 "import" 放入另一个 html 文件

Question

你好，我想知道这是否可能，如果是如何制作它，我有一些导入和一些 stylesheet 链接和脚本在我的主要 index.php 中是否可以将它们放入到另一个名为 import.html 的文件并只加载这个文件而不是一堆其他链接？

感谢您的帮助。

Answer 1

您可以尝试这样做：

<html>
  <head>
      <?php include head.html; ?>  
  </head>
  <body>
  </body>
</html>

head.html 中的 HTML 包含您的信息。它看起来就像在实际的 index.php 脚本中一样。

编辑：正如在另一个答案中提到的，我不确定这样做的好处（除了更干净的 clode 之外？保持模块化？），但既然你问了怎么做，那就是怎么做。

Answer 2

只有在使用某种形式的模板系统时，您想要做的事情才会真正起作用。

您当前的系统听起来相当简陋，因此，您可能只会用 <?php import('imports.html') ?> 行替换几行 <link> 行。这是可行的，但我质疑这里的好处。

您认为需要走这条路要导入多少东西？您的样式表和 javascript 可以针对每种语言合并到一个文件中吗？

此外，一般建议 Javascript 位于脚部，就在结束 </body> 标记之前，这将需要第二个导入语句来实现您想要的做。

就是说，您可能希望将这些导入的范围扩大到 "head" 和 "foot" 文件中，这些文件不仅包含脚本导入，还包含样板文件的头部和脚部 HTML, 所以你的内容文件只有顶部和底部的一行导入，只需要关心 page-specific 东西。这使您更不用说跨页复制和粘贴了。

如果您的项目比简单的包含可以提供的更复杂，那么您可能需要查看模板系统，例如 Twig，它允许更强大的布局继承。

Putting all <link rel="stylesheet" or "import" to another html file