Apache下开启SSI配置,使html支持include包含

之前有介绍宝塔面板以及iis8.5如何设置html对<! #include >的引用  ,以下边介绍以下Apache 下的设置方法

Apache下开启SSI配置,使html支持include包含,就可以达到该功能。

一共4个操作步骤,下面介绍具体的操作:

1、加载SSI模块

     找到Apache的安装路径,在Apache文件夹下找到conf文件夹,在该文件夹下有个文件httpd.conf,用编辑器打开它。找到这行:LoadModule ssl_module modules/mod_ssl.so,将前面的注释(#)去掉。如下图所示:

2、添加需要的文件类型

在httpd.conf文件中找到以下两行代码:

 

  1.  
    AddType text/html .shtml
  2.  
    AddOutputFilter INCLUDES .shtml

 

有注释的话去掉注释(#)。因为使用SSI技术的默认文件名是.shtml,所以我们需要在配置文件中添加我们所需要解析的文件类型,如下面所示:

 

  1.  
    AddType text/html .shtml .html .htm
  2.  
    AddOutputFilter INCLUDES .shtml .html .htm

 

 

3、添加INCLUDES

在httpd.conf文件中找到这一行:

Options +Indexes +FollowSymLinks +ExecCGI  

在后面添加INCLUDES,如下面所示:

Options +Indexes +FollowSymLinks +ExecCGI  +INCLUDES  

4、重启Apache(这步很重要)

好了,完成以上配置,我们就可以使用include标签在html页面的任何位置添加我们想要包含的html文件了。

 

下面举个例子来说明一下如何使用include标签

1、先说说整个文件的分配路径

      把所有的代码放到test文件夹里面,即在test文件夹下包括两个文件夹include和ss,和一个html文件btn.html,如下图所示:

            

      include文件夹下包括一个html文件p.html,如下图所示:

              

        ss文件夹下包括一个html文件input.html,如下图所示:

                

2、文件的引用:在input.html中使用标签include引入文件p.html;在p.html中使用include标签引入btn.html;使用虚拟路径virtual引入文件。

3、input.html的内容如下:

 

  1.  
    <!DOCTYPE html>
  2.  
    <html>
  3.  
    <head>
  4.  
    <meta charset="utf-8">
  5.  
    <title>test</title>
  6.  
    </head>
  7.  
    <body>
  8.  
    <p>输入框</p>
  9.  
    <input placeholder="hello" />
  10.  
    <p>hhhhhhh</p>
  11.  
    <p>dfsdfdfi</p>
  12.  
    <!--#include virtual='../include/p.html'-->
  13.  
    </body>
  14.  
    </html>

 

 

4、p.html内容如下

 

  1.  
    <p>mmmmmmmm</p>
  2.  
    <!--#include virtual="../btn.html"-->

 

 

5、btn.html内容如下

 

<button>点击一下</button>


6、显示的效果如下:

 


 

注意1:我们引入的文件的格式如下:

 

<!--#include virtual='../include/p.html'-->

上面的路径一定要正确,如果改成:

 

 

<!--#include virtual='p.html'-->

就会报错:an error occurred while processing this directive

 

 

 

注意2:我们在引用的时候。标签<!---->不能写成这样<!--  -->,即不能有空格,如下面这种写法就是错的:

<!-- #include virtual='../include/p.html' -->

这种写法,在浏览器中没有报错,也没有显示想要实现的效果。


懂的越多,不会的也就越多,知识之路是不断进取的

出处:https://www.cnblogs.com/liluxiang/p/9453069.html

聊城兴企网络

专注于网络推广服务,为企业提供快速建站,小程序、网站seo优化一站式服务方案,为企业快速提高网站排名,获取新客户。!

| 北京 天津 河北 山西 内蒙古 辽宁 吉林 黑龙江 上海 江苏 浙江 安徽 福建 江西 山东 河南 湖北 湖南 广东 广西 海南 重庆 四川 贵州 云南 西藏 陕西 甘肃 青海 宁夏 新疆 台湾
18963523858 扫描微信