博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
shtml用include加载文件,apache开启SSI,及shtml压缩
阅读量:6610 次
发布时间:2019-06-24

本文共 1609 字,大约阅读时间需要 5 分钟。

什么是shtml呢?


      使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为"服务器端嵌入"或者叫"服务器端包含",是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。


什么是SSI?


    SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是在HTML文件中,可以通过注释行调用的命令或指针。SSI具有 强大的功能,只要使用一条简单的SSI命令就可以实现整个网站的内容更新,时间和日期的动态显示,以及执行shell和CGI脚本程序等复杂的功能。 网站维护常常碰到的一个问题是,网站的结构已经固定,却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题,它将 一个网站的基本结构放在几个简单的HTML文件中(模板),以后我们要做的只是将文本传到服务器,让程序按照模板自动生成网页,从而使管理大型网站变得容易。 


实现方法

建立头文件

head.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<
html
>

<
head
>

<
title
>Untitled Document
</title>

<
meta 
http-equiv
="Content-Type" 
content
="text/html; charset=gb2312"
>

</head>
<
body
>

<
div 
style
="background-color:#00CC66;boder:1px groove orange "
>这是头
</div>


foot.html

这是尾

</body>
</html>


连接头和尾

linuxtone.shtml


<
!
--#include file="head.html"--
>

<
hr
>

<
b
>头尾文件内容都显示。表示SSI工作正常。shtml显示正常
</b>

<
hr
>

<
!
--#include file="foot.html"--
>


配置文件很简单。

apache配置如下:

修改如下几处

AddType text/html .shtml

AddOutputFilter INCLUDES .shtml

Options Indexes FollowSymLinks includes

includes 为追加


你要是感觉麻烦可以用以下命令替换。

sed -i 's##AddType text/html .shtml#AddType text/html .shtml#' /usr/local/apachefile/httpd.conf

sed -i 's##AddOutputFilter INCLUDES .shtml#AddOutputFilter INCLUDES .shtml#'    /usr/local/apachefile/httpd.conf

sed -i 's#Options Indexes FollowSymLinks#Options Indexes FollowSymLinks includes #'    /usr/local/apachefile/httpd.conf


shtml 的压缩方法不同于js css php

方法如下:

AddOutputFilter INCLUDES;DEFLATE shtml 

本文转自守住每一天51CTO博客,原文链接:http://blog.51cto.com/liuyu/164364,如需转载请自行联系原作者

你可能感兴趣的文章
3 Oracle 32位客户端安装及arcgis连接
查看>>
Perl完全自学手册图文教程
查看>>
阿里云API网关使用教程
查看>>
git常用命令记录(持续更新)
查看>>
《CSS揭秘》笔记
查看>>
如何让pm2支持es6
查看>>
Android 官方兼容库 EmojiCompat Support Library
查看>>
QPM 准备优化前的思考
查看>>
react-router的基本原理
查看>>
MobX 状态管理
查看>>
广州牵引力讲述java开发师怎样规划职业发展比较好?
查看>>
Vue.js 第二天: 表单输入绑定
查看>>
windows下使用nginx调试简介
查看>>
JavaScript高级程序设计(第3版)手写第一天。2019年2月23日,星期六
查看>>
RxJava2:Observable和Observer如何传递
查看>>
《Java编程思想》读书笔记-类与对象
查看>>
刷前端面经笔记(八)
查看>>
力扣(LeetCode)46
查看>>
【Android】Retrofit 2.0 的使用
查看>>
教程:gif动画播放与制作
查看>>