Atitit Server Side Include ssi服务端包含规范 csi esi
Atitit Server Side Include ssi服务端包含规范 csi esi
一、CSI (Client Side Includes) 1
1.4. ESI(Edge Side Includes) 2
一、CSI (Client Side Includes)
含义:通过iframe、javascript、ajax等方式将另外一个页面的内容动态包含进来。
原理:整个页面依然可以静态化为html页面,不过在需要动态的地方则通过iframe,javascript或ajax来动态加载!
例子:<iframe src='http://abroad.e2bo.com/index.php' border='0'></iframe>
优点:相对比较简单,不需要服务器端做改变和配置;
缺点:不利于搜索引擎优化(iframe方式), javascript兼容性问题,以及客户端缓存问题可能导致更新后不能及时生效!对于客户体验也不够好!
1.1. 客户端包含
通过 JavaScript 有很多种方式可以在 HTML 中包含 HTML 文件。
通常我们使用 http 请求 (AJAX) 从服务端获取数据,返回的数据我们可以通过 使用 innerHTML 写入到 HTML 元素中。
1.2. AngularJS 包含
使用 AngularJS, 你可以使用 ng-include 指令来包含 HTML 内容:
实例
<body>
<div class="container">
<div ng-include="'myUsers_List.htm'"></div>
<div ng-include="'myUsers_Form.htm'"></div>
</div>
</body>
二、SSI(Server Side Includes)
含义:通过注释行SSI命令加载不同模块,构建为html,实现整个网站的内容更新;
原理:通过SSI调用各模块的对应文件,最后组装为html页面,需要服务器模块支持(具体配置本文不做详述),比如:apache服务器需要开启mod_include模块;
例子:
Html代码
1. <!--#include virtual="header.html" -->
2. <!--#include virtual="login.html" -->
3. <!--#include virtual="footer.html" -->
优点:不受具体语言限制,比较通用,只需要Web服务器或应用服务器支持即可,Ngnix、Apache、IIS等对此都有较好的支持。
缺点:SSI只能在当前服务器上包含加载,不能够直接包含其他服务器上的文件,即不能跨域包含;
1.3. 跨域包含;
1.4. ESI(Edge Side Includes)
含义及原理:通过使用简单的标记语言来对那些可以加速和不能加速的网页中的内容片断进行描述,每个网页都被划分成不同的小部分分别赋予不同的缓存控制 策略,使Cache服务器可以根据这些策略在将完整的网页发送给用户之前将不同的小部分动态地组合在一起。通过这种控制,可以有效地减少从服务器抓取整个页面的次数,而只用从原服务器中提取少量的不能缓存的片断,因此可以有效降低原服务器的负载,同时提高用户访问的响应时间。与SSI不同的是,ESI多在缓存服务器或代理服务器上执行!
例子:
Html代码
1. <html>
2. <head><title>ESI Demo</title></head>
3. <body>
4. <esi:include src="login.php" />
5. <div><h3>这中间是可静态化html内容</3></div>
6. </body>
7. <html>
优点:可用于缓存整个页面或页面片段,比较适合用于缓存服务器上;
缺点:目前支持ESI的软件还比较少,官方更新也略显缓慢,因此使用不是很广!
参考资料
· Apache mod_include Reference
AngularJS 包含 _ 菜鸟教程.html
动态缓存技术之CSI,SSI,ESI - 猫头哥(朴海林)_QQ_85977328 - ITeye技术网站.html
Server Side Includes - Wikipedia.html
相关文章
- Sql Server之旅——第三站 解惑那些背了多年聚集索引的人
- SQL SERVER 重组含有特殊字符的索引时遇到“关键字 'with' 附近有语法错误.”
- SQL server 导入数据 (excel导入到SQL server数据库)
- [Angular] Improve Server Communication in Ngrx Effects with NX Data Persistence in Angular
- Sql Server强制清空所有数据表中的记录
- Sql_Server中如何判断表中某列是否存在
- SQL Server中clustered与nonclustered的区别
- 用户 'sa' 登录失败。原因: 该帐户被禁用。 (Microsoft SQL Server,错误: 18470)
- Visual Studio 2010生成SQL Server测试数据
- Atitit 数据join 的原理与java实现 Atitit join表连接的原理与实现 13、SQL Server 表连接的三种方式 (1) Merge Join (2) Nested
- Atitit 分布式文件系统总结 fastdfs nfs smb webdav ftp 目录 1.1. webdav 是个好的方案。。。Server client都有1 1.2. ftp也方便ja
- Atitit Server Side Include ssi服务端包含规范 csi esi
- atitit。mssql sql server 转换mysql 及 分页sql ast的搭建
- atitit。mssql sql server 转换mysql 及 分页sql ast的搭建
- atitit.Windows Server 2003 2008 2012系统的新特性 attilax 总结
- Atitit.Gui控件and面板----web server区----- web服务器监控面板and控制台条目
- Atitit.Gui控件and面板----web server区----- web服务器监控面板and控制台条目
- 0701-spring cloud config-简介、Config Server开发、Config Client开发
- Android Studio报错:Error status code 400 from server: Bad Request解决