shtml和html的区别在于html是一种纯静态的标记型语言，在html文档里写的内容和用户打开浏览器看到的内容是一样；而shtml是一种半静态半动态的标记型语言，当用户在浏览器浏览shtml文档时，SSI命令会被解析，再呈现内容给用户。
本文操作环境：windows7系统、HTML5版、Dell G3电脑。
浅谈 shtml 与 html 的区别
遇到有人咨询 shtml 与 html 的区别，顺手查了一波资料，根据我的理解整理一下与大家分享。
何为shtml？
立即学习“前端免费学习笔记（深入）”；
shtml跟html类似，也是一种用于网页设计的标记型语言，区别在于：html是一种纯静态的标记型语言，在html文档里面写的内容是什么，用户打开浏览器看到的就是什么，而shtml是一种半静态半动态的标记型语言，在shtml里面可以包含SSI命令，当用户在浏览器浏览shtml文档的时候，里面包含的SSI命令会被解析，然后再呈现内容给用户。
何为SSI？
SSI是为WEB服务器提供的一套命令，这些命令只要直接嵌入到HTML文档的注释内容之中即可。例如：
都属于SSI指令。前者用于包含一个html文件，后者用于显示当前文档的名称。
举例说明
了不起的盖茨比
了不起的盖茨比
1922年的春天，一个想要成名名叫尼克。卡拉威的作家，离开了美国中西部，来到了纽约。那是一个道德感缺失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。
菲茨杰拉德，二十世纪美国文学巨匠之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为“爵士乐时代”吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。在浏览器访问该index.html文档，将会显示成这样：
在浏览器访问该test.shtml，将会显示成这样：
jQuery small2big图片缩放插件，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件css和js库 2、在文件中加入html代码， 一个li对应一个图片，images文件夹的图片按数字命名 1.jpg, 2.jpg, ...
可以看到上面显示的内容与index.html文件显示的内容完全相同，这也就是这个SSI指令解析之后的结果，下面显示的test.shtml是这个SSI指令显示的内容。
两个文件的目录结构如下：
一点必要的说明
直接按照上面的演示去创建index.html和test.shtml两个文件，在浏览器访问test.shtml文档的时候会显示一片空白，这是因为shtml需要服务器配置支持SSI指令后方可解析其中的SSI指令。对于只需要了解html与shtml的区别的同学来说，没有必要再去深入研究。对于装了apache服务器的同学，可以按照下面的步骤去更改apache配置，让其能支持shtml。
1. 打开apache的httpd.conf文件，搜索“AddType text/html .shtml”
2. 去掉这两行前面的#注释
# AddType text/html .shtml # AddOutputFilter INCLUDES .shtml
3. 搜索Options Indexes FollowSymLinks并将其更改为Options Indexes FollowSymLinks Includes
4. 保存httpd.conf，重启apache
总结
html是纯静态标记语言，在里面写什么内容，浏览器就显示什么内容。shtml是半静态半动态标记语言，可以在里面包含SSI指令，配置服务器支持shtml之后，shtml文件里面的SSI指令会被解析，在浏览器浏览shtml文档，看到的是SSI指令被解析之后的结果。
【推荐学习：html视频教程】
