在 Html 中包含 Html 代码答案

【问题标题】：Inlcuding Html code within Html在 Html 中包含 Html 代码
【发布时间】：2013-06-20 06:28:44
【问题描述】：

假设我有 3 个 html 文件，A.html、B.html 和 C.html
我希望 C.html 中的 HTML 代码充当 A.html 和 B.html 的页脚。
目前我所做的是在 A 和 B 中写入 C.html 的全部内容以获取我的页脚。
是否可以仅使用单个代码或 css-stlye 来加载 C.html 的内容

假设 C.html 看起来像 --

<a href=k.com>K</a><br>
<a href=b.com>b</a><br>
<a href=d.com>d</a><br>
<b>This page made by me</b>

如何仅使用单个代码将此代码插入其他文件。
请注意，我已经看到了这个Include another HTML file in a HTML file 页面，但这些代码似乎对我不起作用。我可以使用<iframe>，但它看起来并不漂亮。

【问题讨论】：

在 .HTML 文件中是不可能的。只能在 .shtml 文件中。顺便说一句，我已经使用 iFrames 做到了，它看起来很整洁。
通常它是由某种服务器端包含或基本的 JQuery ajax+html 调用完成的。但是你只是列出了 HTML+CSS——我认为没有这样的限制的解决方案。
使用 iframe 或 JavaScript。如果它看起来不漂亮……那么这就是 CSS 的用途，不是吗？
@mohkhan - iframe 的问题是我必须手动指定 height 和 width 属性以获得完美的结果。然后如果我编辑 C.html ，我将不得不再次更改所有文件中的属性
@MrLister - 我不理解 HTML 上下文中的 dialect 一词。语言是en。

标签： css html

【解决方案1】：

如果您的服务器支持任何服务器端语言（就像大多数 Web 服务器一样）然后您可以轻松地标记文件。

// Example in php.
<?php 
    include "a.html";
    include "b.html";
    include "c.html"; 
?>

【讨论】：

【解决方案2】：

在纯 HTML 中这是不可能的。为什么不使用 iFrame？然后，您可以根据自己的选择对其进行样式设置。或者您可以使用 jQuery 的 load 方法将内容拉入您的页面。

【讨论】：

我使用stackoverflow.com/questions/8988855/… 提供的 20 多个已接受的答案。它对我不起作用
@AviAryan 您有可用的 JQuery 库吗？是否包含在内？
@Aquillo - 不，我还没有开始使用 JQuery 吗？我在哪里可以得到这个库以及如何包含它
@AviAryan 好吧，您尝试使用的答案使用了 JQuery，因此需要它的库。看看official website of JQuery。你可以在这里下载它，还有很多关于如何开始使用 JQuery 的文档。
我认为 jQuery 是集成在 Javascript 中的东西

【解决方案3】：

或者使用PHP之类的语言来包含html部分

【讨论】：