3

在 Sass 中,我们可以将多个部分组合成单个 css 输出,例如

@import "scss/header";
@import "scss/footer";
@import "scss/navigation";
@import "scss/sidebar";

进入

最终的.scss 最终的>.css

有什么方法可以对原始.HTML文件(不是 .php 或 .asp)做同样的事情,比如

@import "header.html";
@import "scss/footer.html";
@import "scss/navigation.html";
@import "scss/sidebar.html";

进入index.html

以上只是一个解释的例子,我在问什么

我知道我可以使用 php 包含来做到这一点,但我想知道我是否可以只使用 .html 文件。我只想在我的 PC 上合并文件,而不是在服务器上。

4

2 回答 2

3

这在纯 HTML 中是不可能的。

要在客户端执行此操作,您必须使用 Ajax 黑客技术和 JavaScript 将文件拉入 DOM,我想这会非常缓慢且容易出错。我认为没有人认真地这样做。显然,还有 iframe,但对于大多数用例来说,这还是不能令人满意的。

由于您用“rubygems”标记了您的问题:如果您使用的是 Rails,则可以为此目的在服务器端使用partials 。

于 2012-05-06T12:37:18.790 回答
0

您可以使用服务器端包含 (SSI) 在 .html 文件中包含其他文件。在大多数情况下,您需要使用 .shtml 文件扩展名才能使包含工作。要了解如何实现 SSI,请阅读HTMLGOODIES中的这篇文章:SSI:包含命令

于 2017-06-17T04:45:12.457 回答