shtml和html的区别


本文摘自PHP中文网,作者藏色散人,侵删。

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文件,后者用于显示当前文档的名称。

举例说明

1

2

3

4

5

6

7

8

  了不起的盖茨比

     

     

了不起的盖茨比

     

1922年的春天,一个想要成名名叫尼克。卡拉威的作家,离开了美国中西部,来到了纽约。那是一个道德感缺失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。

     

菲茨杰拉德,二十世纪美国文学巨匠之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为“爵士乐时代”吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。

在浏览器访问该index.html文档,将会显示成这样:

6d520099ea63f3544fa3f5b27a2a511.png

在浏览器访问该test.shtml,将会显示成这样:

93c1e7e30947b659191a6500d57d2a6.png

可以看到上面显示的内容与index.html文件显示的内容完全相同,这也就是这个SSI指令解析之后的结果,下面显示的test.shtml是这个SSI指令显示的内容。

两个文件的目录结构如下:

7e672bf08de201fe0ac0282d0c87bb3.png

一点必要的说明

直接按照上面的演示去创建index.html和test.shtml两个文件,在浏览器访问test.shtml文档的时候会显示一片空白,这是因为shtml需要服务器配置支持SSI指令后方可解析其中的SSI指令。对于只需要了解html与shtml的区别的同学来说,没有必要再去深入研究。对于装了apache服务器的同学,可以按照下面的步骤去更改apache配置,让其能支持shtml。

1. 打开apache的httpd.conf文件,搜索“AddType text/html .shtml”

2. 去掉这两行前面的#注释

1

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视频教程】

以上就是shtml和html的区别的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html如何制作滚动歌词

css元素选择器的运作原理介绍

不知道html5 hidden属性怎么用?那就看看表单hidden属性的用法

html中滚动条的代码是什么?如何设置html滚动条?

html background 背景图片平铺充满整个页面

script标签在html中的作用是什么?script标签中type属性的用法是什么?

html语义化有那些作用

怎么修改html文件

网页制作步骤是什么

什么是html属性

更多相关阅读请进入《shtml》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...