<!--#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>