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

 

页面1：

index.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>index</title>
 6 </head>
 7 <body>
 8     <!--#include virtual="common/header.html"-->
 9 </body>
10 </html>
复制代码

页面2：

header.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>header</title>
 6 </head>
 7 <body>
 8      hello world！
 9 </body>
10 </html>
复制代码

 

打开nginx的SSI服务：

修改D:\nginx\conf\nginx.conf，在service中增加下面配置。

   ssi on;  
   ssi_silent_errors on;  
   ssi_types text/shtml;

 

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

 

posted @   程序猿网友666  阅读(3989)  评论(2)  编辑  收藏  举报
编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· .NET Core 中如何实现缓存的预热？
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
点击右上角即可分享
微信分享提示
SQL AI 助手