HTML 有“包含/导入”功能吗？答案

【问题标题】：Does HTML Have An "Include/Import" Function?HTML 有“包含/导入”功能吗？
【发布时间】：2012-10-30 17:24:54
【问题描述】：

我正在使用 HTML/CSS 开发一个静态网站。我的网站上有 7 个页面，每个页面都有完全相同的标题内容。 HTML 中是否有某种导入/包含功能？

这是我要寻找的那种东西的例子（注意我完全编造了语法）：

[来源（header.html）]

<html>
    <head><title>Source Page</title></head>
    <body>
        <div id="myheader">Hello, World!</div>
    <body>
</html>

[从源导入的页面]

<html>
    <head><title>My Title</title></head>
    <body>
        <div import="id:myheader;source:url('header.html');"/>
    <body>
</html>

谢谢！

一月

【问题讨论】：

【解决方案1】：

您可以使用 HTML 模板实现相同的功能.....如果您使用的是 Dreamweaver，则为您的页眉页脚和整个站点的通用布局创建 1 个 .dwt 文件............它将被包括在内自动到您的所有页面.....:)

不需要任何服务器端脚本，只需简单的 html ............

【讨论】：

【解决方案2】：

不是这样的，不。有几个选项，按可访问性和易用性的顺序排列：

示例

<!--#include virtual="header.html" -->

<!-- Assuming HTML5 -->
<iframe src="header.html" seamless></iframe>

<script>
// We have a magic ajax function
ajax("header.html", function(data) {
    document.getElementById("header").innerHTML = data;
});
</script>

只是不要:-)

【讨论】：

【解决方案3】：

不，HTML 不提供此类功能。但是，您可以使用服务器端（这里有很多选项，取决于您的服务器设置）或客户端（JavaScript，使用 AJAX 加载额外内容）解决方案来实现结果。

【讨论】：