为什么要使用 HTML include? 我该如何收录?
我们知道 Web 的三驾马车:HTML、JS 和 CSS,其中:
js 我们将传统中的所有逻辑都整合到一个 JS 文件中,现在我们提倡模块化开发,这就是它的用武之地require.js
sea.js
跟commonjs
和其他模块来加载框架amd
cmd
以及其他模块加载机制,这些机制也由 ES6 提供class
跟modules
和其他机制,只有一个目的:模块化开发。
我们在页面上传递的 CSSlink
您可以导入单个 CSS 文件,这些文件可以在 CSS 中使用import
要引入其他 CSS 文件,为什么要这样做? 如果所有文件都写在一个文件中,你为什么要这样引入它们? 只有一个目的:模块化开发。
HTML 是如何模块化开发的? (⊙o⊙)…突然间,我的脑子有点混乱! 事实上,有很多方法可以模块化地开发 HTML,例如:
使用JS模板引擎,将HTML模块化为模板,使用时再通过AJAX加载,但这对SEO不利; 另一种方式是在模块中开发,使用gulp等工具打包,使用一些包含gulp的插件来重新编译html文件; 见下文! 通过以上分析,我们至少有 2 种在模块中开发 HTML 的方法,但是我们不使用 js,也不使用 gulp 之类的编译工具,有没有办法包含模板? 答案是:是的。
我们都知道动态脚本语言有 include 方法,例如:
但html
您如何为这样的静态页面实现包含? 答案是:SSI技术。
SSI的全称是Server Side Include,也就是服务器端引入技术,介绍是什么? 这是CGI。
CGI 代表通用网关接口,一种用于 Web 服务器的技术。 服务器端包含可以通过SSI引入CGI来实现,那么该怎么做呢?
看看Apache服务器的SSI,你就会知道了!
让我们继续:现在您知道如何在 HTML 中使用 include,坦率地说,只要 Web 服务器支持语法,就可以编写 HTML。 如果您将来在 HTML 中看到以下语句,请不要惊慌,它是 SSI,不是 PHP 语法,也不是 JSP 语法。
特定的语法对特定的 Web 容器有很强的依赖性,以后更改 Web 容器可能会导致程序无法运行; 性能问题安全参考: