关于网页中的 多个页面 共用头部 和 底部 终于发现了 一个非常好的方法 就是用 ssi;

原创 王振鹏 教程 JS 2319阅读 2017-11-29 16:52:57 举报

网上有很多的解决方案 !!!但是我认为 不算 太好!!!
我首先 为什么 不用 js 和 iframe
原因是 :对 搜索引擎 十分不友好,不利于 新网站的 收录!!!
所以 我采用了 ssi对 搜索引擎 还是 不错的 。
1.把 标准头和标准尾 提取 出来 ;

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
2.首先 xampp 这个软件 类似的原件 网上 一大堆 ;
3.配置下 Apache ssi 模块;
4.加载ssi模块。因为ssi是apache中的一个模块服务项,要使用ssi功能,我们首先要对ssi模块进行加载,打开apache的配置文件httpd.conf。找到 LoadModule ssl_module modules/mod_ssl.so 命令,因该服务未被默认加载,所以只需取消该命令前的注释符#即可开启。

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
5.添加你需要的文件类型,因为使用ssi技术的默认文件名为.shtml,所以我们需要在配置文件中对.shtml后缀名进行设置,并按自己的需求设置需要对ssi技术进行解析的文件类型设置。同样在httpd.conf文件中找到如下两行代码:
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
如果代码前有注释,请把注释去掉,还可以添加.html的文件类型,如图:

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
6.启动 Apache 服务器;

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
7.把你的项目 放在 xampp\htdocs 这个文件下

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
8.在你的代码网页中加入 <!--#include virtual="header.html"-->

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
9.在浏览器 输入你的浏览器上输入网址

关于网页中的多个页面共用头部和底部终于发现了一个非常好的方法就是用ssi;
哈哈 完美加载 js 功能也好使
欢迎 一起探讨 !!!

评论 ( 11 )
最新评论
辰洛 2017-12-04 11:26:21 11F

使用load方法不就直接加进来了吗?好像不需要这个去处理吧

王振鹏 2F 2017-11-30 17:14:37 10F

我把 头文件 变成 php 或者 shtml 文件

王振鹏 4F 2017-11-30 17:13:29 9F

嗯嗯 谢谢

王振鹏 5F 2017-11-30 17:11:12 8F

嗯嗯 谢谢

王振鹏 6F 2017-11-30 17:07:53 7F

嗯嗯 谢谢

1178291141 1F 2017-11-30 10:44:05 6F

SPA页面可以做,把他们写成公用的组件

kiangsu 2017-11-30 09:58:19 5F

在实际开发中没有人用静态页面来处理的,都是用的asp、php、jsp等一些程序,或者用shtml,在这里面包含一下头尾页面就行了,非常简单

沉勇 2017-11-30 09:45:17 4F

AngularJS------ng-include 指令

沉勇 1F 2017-11-30 09:43:19 3F

gulp插件gulp-file-include

910758447 2017-11-30 09:24:15 2F

到时候更新上线你怎么处理呀?

王振鹏 2017-11-29 16:53:42 1F

有其他方案的小伙伴 欢迎 提出来 !!! 谢谢