html中使用include引入另一个html文件
<!--#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文件相关推荐
- xml引入另一个xml文件_什么是XML文件(以及如何打开一个XML文件)?
xml引入另一个xml文件 A file with the .xml file extension is an Extensible Markup Language (XML) file. These ...
- CSS文件引入另一个CSS文件
1在HTML中引入css的其中的两个方法 1.1 使用链接式 <link href="style.css" rel="stylesheet" type=& ...
- arcmap中有火星坐标码_在ArcMap中使用坐标值转换一个CAD文件中的坐标位置
(2013-04-13 20:51:19) 转 载 ▼ 标签: 股票 分类: GIS 技术研究 您现在的位置 : 首页 -> 知识库 -> ArcGIS Desktop -> 技术文 ...
- html里面怎么引别的页面_如何在一个html文件中引入另一个html文件?
展开全部 在html页面中引入另一个html页面的标签 1.32313133353236313431303231363533e58685e5aeb931333365633864用iframe标签 2. ...
- 在一个js文件中引入另一个js文件
第一个js文件(被引入的js文件),文件名one.js,内容如下 function alertInOne(){ alert('in one'); } 第二个js文件,文件名two.js,内容如 ...
- C中出现:错误 C1010 在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include stdafx.h”等头文件
解决方式: 错误描述:fatal error C1010: 在查找预编译头时遇到意外的文件结尾.是否忘记了向源中添加"#include "stdafx.h""? ...
- 将后台日志输出到指定文件中,并且每天生成一个日志文件
主要有以下四部: 一.导包 (我用的是org.apache.log4j.Logger 将 log4j-1.2.17.jar放到lib下面) 二.在web.xm ...
- html引入php文件中的函数,手把手教你在html中引入另一个html文件的方法(详解)...
html中引入调用另一个html的方法,尝试了好几种,都列出来: 其中第一种是最好的,其他的方法,可以尝试看看,是不是适合你当前项目 一.p+$("#page1").load(&q ...
- html div中怎么引入另一个html文件
<head></head><body><div id="html_1"><iframe align="center& ...
最新文章
- iOS 图片处理-利用GPUImage 磨皮和美白图片
- [NOIP2015]子串
- CVPR2017-最新目标检测相关
- 做好自己该做的,赢取自己这一份努力
- SpringBoot+Swagger2.7进行接口测试后台无法获取请求参数
- Visual Studio 2019 安装教程 附免费安装包资源
- RabbitMQ Header模式
- word2vec模型评估_特征工程(下)—特征评估
- 自己动手写CPU(1)五级流水线及CPU第一条指令ori
- 使用Apache Kafka作为消息系统的发布-订阅通信中的微服务,并通过集成测试进行了验证...
- 前端学习(3344):数组方法的总结和应用
- 如何修改emcp的sn号_百家号领域选择错误怎么办?百家号怎么更改领域?
- CCF NOI1115 找数
- 语句 if else
- 手把手教你LINUX镜像文件的下载
- 人脸识别眨眼张嘴软件_手机端APP活体真活人检测扫描人脸识别SDK之张嘴摇头眨眼点头确认真人非...
- 如何在子控件上使用WS_EX_LAYERED
- DDS产生波形及AM 调制解调原理
- 自编小游戏(加强版)
- myeclipse2014版本破解出现的问题,过程及解决方案
热门文章
- [NAS+Transformer]GLiT: Neural Architecture Search for Global and Local Image Transformer
- 最可贵的努力,是选择一个正确的方向
- 更改elementUI组价样式
- c++生成随机平面无向连通图
- 区块链编程一翻译篇一:web3j介绍
- WINCC用VB读写数据库以及EXCEL导出
- 交通车辆工程机械高级仪器设备用丙烯酸磁漆 耐化学品性能好
- WPF RadioButton 基本使用演示
- 导电滑环的内部结构和使用范围
- uniapp canvas绘制文字头像