分类目录网-汇聚各行业优秀网站大全! VIP快审 免费注册 会员登录
首页 新闻资讯 技术教程

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

时间:2025-09-13 23:52:49 来源:未知 作者:分类目录网 人气:
【导读】:!--#includefile=top.html--不可以放到普通html页面,这是一个asp脚本,是server script。只有在asp/jsp中才能起作用。 如果要在html静态页面中使用in...

<!--#includefile="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"-->

<p class="content">

内容

</p>

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

</body>

</html>

header.html文件内容:

<!-- 防止乱码 -->

<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

<!-- 头部 -->

<p class="header">

头部内容

</p>

footer.html文件内容:

<!-- 防止乱码 -->

<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

<!-- 底部 -->

<p class="footer">

底部内容

</p>

    文章标签:
    相关推荐

    版权声明:

    1、本文系会员投稿或转载自网络,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场;

    2、本站仅提供信息发布平台,不承担相关法律责任;

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    上一篇:a&b是什么意思(A&B的意思) 下一篇:没有了

    相关分类

    分类目录 WWW.FLML.CN 皖ICP备19001157号-5