HTML是否包含"包含/导入"功能?

时间:2012-11-10 17:18:03

标签: html import include

我正在使用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>

谢谢!

3 个答案:

答案 0 :(得分:3)

不是这样,不。根据可访问性和易用性,有几种选择:

  1. Server-side includes(假设您的静态文件服务器支持它们 - 大多数都支持它们。)
  2. iframes
  3. 单页应用程序样式(需要JavaScript)。
  4. framesets(遗产,请尽可能避免)。
  5. 实施例

    SSI

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

    iframes

    <!-- Assuming HTML5 -->
    <iframe src="header.html" seamless></iframe>
    
    的Javascript
    <script>
    // We have a magic ajax function
    ajax("header.html", function(data) {
        document.getElementById("header").innerHTML = data;
    });
    </script>
    

    framesets

    请勿: - )

答案 1 :(得分:0)

不,HTML不提供此类功能。但是,您可以使用服务器端(此处有许多选项,具体取决于您的服务器设置)或客户端(JavaScript,使用AJAX加载额外内容)解决方案来实现结果。

答案 2 :(得分:0)

您可以使用HTML模板实现相同的功能.....如果您使用的是Dreamweaver,那么为您的页眉页脚创建1 .dwt文件并在网站上创建通用布局..........它将包含在内自动到你的所有页面..... :)。

不需要任何服务器端脚本只是普通的HTML ......................

相关问题