Open sunmaobin opened 7 years ago
html为什么要使用include？如何include？
我们知道，web的三驾马车：html, js和css，其中：
js 我们由传统的所有逻辑写到一个js文件中，现在我们都提倡分模块开发，于是涌现出来 require.js 、 sea.js 和 CommonJs 等模块加载框架，以及 AMD 、CMD 等模块加载机制，同时ES6也提供了 class 和 modules 等机制，目的只有一个：模块化开发。
require.js
sea.js
CommonJs
AMD
CMD
class
modules
css 我们在页面上通过 link 可以引入各个css文件，在css里面可以使用 import 来引入其他css文件，为什么要这么做？如果所有文件都写在一个里面，那要这么引入干嘛？目的只有一个：模块化开发。
link
import
html 如何模块化开发？(⊙o⊙)…？顿时脑子里有点懵！其实，html模块化开发，可以有很多办法，比如：
通过上面的分析，我们至少有了2种办法，来分模块开发html，但是我们不使用js，也不用gulp等编译工具，有木有办法 include 一个模板？答案是：有。
我们都知道动态脚本语言都有include方法，比如：
<jsp:include> <jsp:forward>
<!--# include file="file.tpl" -->
但是 html 这种静态的页面，如何实现include呢？答案是：SSI技术。
html
SSI 全称是 Server Side Include，也就是服务端引入技术，引入的是什么呢？是CGI。
CGI 全称是 Common Gateway Interface，也就是通用网关接口，一个在Web服务器中使用的技术。
通过SSI引入CGI就可以实现服务器端Include，那具体怎么做呢？
看看Apache服务器的SSI，你就全然知晓啦！
移步至：https://httpd.apache.org/docs/current/howto/ssi.html
现在知道html中如何使用include了吧，说白了，只要web服务器支持的语法，html就可以写。
以后在html中见到如下语句，不要惊慌，那是SSI，而不是什么PHP语法，也不是JSP语法
<!--# include virtual="xxx" -->
参考：http://www.t086.com/code/apache2.2/misc/security_tips.html
html为什么要使用include？如何include？
一、为什么要include
我们知道，web的三驾马车：html, js和css，其中：
js 我们由传统的所有逻辑写到一个js文件中，现在我们都提倡分模块开发，于是涌现出来
require.js、sea.js和CommonJs等模块加载框架，以及AMD、CMD等模块加载机制，同时ES6也提供了class和modules等机制，目的只有一个：模块化开发。css 我们在页面上通过
link可以引入各个css文件，在css里面可以使用import来引入其他css文件，为什么要这么做？如果所有文件都写在一个里面，那要这么引入干嘛？目的只有一个：模块化开发。html 如何模块化开发？(⊙o⊙)…？顿时脑子里有点懵！其实，html模块化开发，可以有很多办法，比如：
二、html如何include
通过上面的分析，我们至少有了2种办法，来分模块开发html，但是我们不使用js，也不用gulp等编译工具，有木有办法 include 一个模板？答案是：有。
我们都知道动态脚本语言都有include方法，比如：
但是
html这种静态的页面，如何实现include呢？答案是：SSI技术。SSI 全称是 Server Side Include，也就是服务端引入技术，引入的是什么呢？是CGI。
CGI 全称是 Common Gateway Interface，也就是通用网关接口，一个在Web服务器中使用的技术。
通过SSI引入CGI就可以实现服务器端Include，那具体怎么做呢？
看看Apache服务器的SSI，你就全然知晓啦！
移步至：https://httpd.apache.org/docs/current/howto/ssi.html
现在知道html中如何使用include了吧，说白了，只要web服务器支持的语法，html就可以写。
以后在html中见到如下语句，不要惊慌，那是SSI，而不是什么PHP语法，也不是JSP语法
SSI的问题
参考：http://www.t086.com/code/apache2.2/misc/security_tips.html