将html源拆分为多个文件

2023年1月28日 251次阅读

HTML是否支持在多个文件上拆分源？我正在寻找一些相当于C的#include;或者像C#的偏爱;一个元素,可以获取源路径并在该位置注入文件内容.

如果之前有人问过,请道歉. Google和SO搜索没有太多回报.我不是网络人,但我找到的唯一解决方案是使用iframe,许多人因各种原因不喜欢这种方式.

只是我的html源变得越来越大,我想通过拆分成多个文件来管理它.

最佳答案 如果您运行
PHP,很容易实现：

PHP语言内置了“include”命令.
因此,您可以拥有“index.php”(注意您必须更改后缀,以便PHP解析器启动)并简单地使用以下语法.

<html>
  <head>
    [...] (header content you want to set or use)
  </head>
  <body>
    <?php
      include "relative/path/to/your/firstfile.html";
      include "relative/path/to/your/secondfile.html";
      include "relative/path/to/your/evenwithothersuffix/thirdfile.php";
      include "relative/path/to/your/fourth/file/in/another/folder.html";
    ?>
    [...] (other source code you whish to use in the HTML body part)
  </body>
</html>

基本上让你主要的index.php文件是一个容器文件和包含的html文件组件,你喜欢单独维护它们.

为了进一步阅读,我推荐PHP Manual和W3Schools Include页面.

点赞