<!--#include file="top.html"-->不可以放到普通html页面，这是一个asp脚本，是server script。只有在asp/jsp中才能起作用。

如果要在html静态页面中使用include，则需要借助nginx服务且需要开启ssi 服务才能生效。

在nginx配置文件nginx.conf的http标签开启ssi：

http{

......

ssi on;

ssi_silent_errors on;

ssi_types text/shtml;

}

index.html引入header.html和footer.html文件：

如index.html内容:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<link rel="shortcut icon" href="/html/images/ico/favicon-16.ico">

<title>fei8meng</title>

<link rel="stylesheet" type="text/css" href="/html/css/main.css">

</head>

<body>

<!-- 切记include的#前不能有空格 -->

<!--#include file="/html/public/header.html"-->

<div class="content">

内容

</div>

<!--#include file="/html/public/footer.html"-->

</body>

</html>

 

header.html文件内容：

<!-- 防止乱码 -->
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<!-- 头部 -->
<div class="header">
    头部内容
</div>

 

footer.html文件内容：

<!-- 防止乱码 -->
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<!-- 底部 -->
<div class="footer">
    底部内容
</div>
 

 

 

更多推荐

html中使用include引入另一个html文件