<!--#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文件相关推荐

  1. xml引入另一个xml文件_什么是XML文件(以及如何打开一个XML文件)?

    xml引入另一个xml文件 A file with the .xml file extension is an Extensible Markup Language (XML) file. These ...

  2. CSS文件引入另一个CSS文件

    1在HTML中引入css的其中的两个方法 1.1 使用链接式 <link href="style.css" rel="stylesheet" type=& ...

  3. arcmap中有火星坐标码_在ArcMap中使用坐标值转换一个CAD文件中的坐标位置

    (2013-04-13 20:51:19) 转 载 ▼ 标签: 股票 分类: GIS 技术研究 您现在的位置 : 首页 -> 知识库 -> ArcGIS Desktop -> 技术文 ...

  4. html里面怎么引别的页面_如何在一个html文件中引入另一个html文件?

    展开全部 在html页面中引入另一个html页面的标签 1.32313133353236313431303231363533e58685e5aeb931333365633864用iframe标签 2. ...

  5. 在一个js文件中引入另一个js文件

    第一个js文件(被引入的js文件),文件名one.js,内容如下 function alertInOne(){     alert('in one'); } 第二个js文件,文件名two.js,内容如 ...

  6. C中出现:错误 C1010 在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include stdafx.h”等头文件

    解决方式: 错误描述:fatal error C1010: 在查找预编译头时遇到意外的文件结尾.是否忘记了向源中添加"#include "stdafx.h""? ...

  7. 将后台日志输出到指定文件中,并且每天生成一个日志文件

    主要有以下四部: 一.导包   (我用的是org.apache.log4j.Logger                    将 log4j-1.2.17.jar放到lib下面) 二.在web.xm ...

  8. html引入php文件中的函数,手把手教你在html中引入另一个html文件的方法(详解)...

    html中引入调用另一个html的方法,尝试了好几种,都列出来: 其中第一种是最好的,其他的方法,可以尝试看看,是不是适合你当前项目 一.p+$("#page1").load(&q ...

  9. html div中怎么引入另一个html文件

    <head></head><body><div id="html_1"><iframe align="center& ...

最新文章

  1. iOS 图片处理-利用GPUImage 磨皮和美白图片
  2. [NOIP2015]子串
  3. CVPR2017-最新目标检测相关
  4. 做好自己该做的,赢取自己这一份努力
  5. SpringBoot+Swagger2.7进行接口测试后台无法获取请求参数
  6. Visual Studio 2019 安装教程 附免费安装包资源
  7. RabbitMQ Header模式
  8. word2vec模型评估_特征工程(下)—特征评估
  9. 自己动手写CPU(1)五级流水线及CPU第一条指令ori
  10. 使用Apache Kafka作为消息系统的发布-订阅通信中的微服务,并通过集成测试进行了验证...
  11. 前端学习(3344):数组方法的总结和应用
  12. 如何修改emcp的sn号_百家号领域选择错误怎么办?百家号怎么更改领域?
  13. CCF NOI1115 找数
  14. 语句 if else
  15. 手把手教你LINUX镜像文件的下载
  16. 人脸识别眨眼张嘴软件_手机端APP活体真活人检测扫描人脸识别SDK之张嘴摇头眨眼点头确认真人非...
  17. 如何在子控件上使用WS_EX_LAYERED
  18. DDS产生波形及AM 调制解调原理
  19. 自编小游戏(加强版)
  20. myeclipse2014版本破解出现的问题,过程及解决方案

热门文章

  1. [NAS+Transformer]GLiT: Neural Architecture Search for Global and Local Image Transformer
  2. 最可贵的努力,是选择一个正确的方向
  3. 更改elementUI组价样式
  4. c++生成随机平面无向连通图
  5. 区块链编程一翻译篇一:web3j介绍
  6. WINCC用VB读写数据库以及EXCEL导出
  7. 交通车辆工程机械高级仪器设备用丙烯酸磁漆 耐化学品性能好
  8. WPF RadioButton 基本使用演示
  9. 导电滑环的内部结构和使用范围
  10. uniapp canvas绘制文字头像