HTML include 方法

為什麼要使用 HTML include？ 我該如何收錄？

我們知道 Web 的三駕馬車：HTML、JS 和 CSS，其中：

js 我們將傳統中的所有邏輯都整合到乙個 JS 檔案中，現在我們提倡模組化開發，這就是它的用武之地require.jssea.js跟commonjs和其他模組來載入框架amdcmd以及其他模組載入機制，這些機制也由 ES6 提供class跟modules和其他機制，只有乙個目的：模組化開發。

我們在頁面上傳遞的 CSSlink您可以匯入單個 CSS 檔案，這些檔案可以在 CSS 中使用import要引入其他 CSS 檔案，為什麼要這樣做？ 如果所有檔案都寫在乙個檔案中，你為什麼要這樣引入它們？ 只有乙個目的：模組化開發。

HTML 是如何模組化開發的？ (⊙o⊙)…突然間，我的腦子有點混亂！ 事實上，有很多方法可以模組化地開發 HTML，例如：

使用JS模板引擎，將HTML模組化為模板，使用時再通過AJAX載入，但這對SEO不利; 另一種方式是在模組中開發，使用gulp等工具打包，使用一些包含gulp的外掛程式來重新編譯html檔案; 見下文！ 通過以上分析，我們至少有 2 種在模組中開發 HTML 的方法，但是我們不使用 js，也不使用 gulp 之類的編譯工具，有沒有辦法包含模板？ 答案是：是的。

我們都知道動態指令碼語言有 include 方法，例如：

SSI的全稱是Server Side Include，也就是伺服器端引入技術，介紹是什麼？ 這是CGI。

CGI 代表通用閘道器介面，一種用於 Web 伺服器的技術。 伺服器端包含可以通過SSI引入CGI來實現，那麼該怎麼做呢？

看看Apache伺服器的SSI，你就會知道了！

讓我們繼續：現在您知道如何在 HTML 中使用 include，坦率地說，只要 Web 伺服器支援語法，就可以編寫 HTML。 如果您將來在 HTML 中看到以下語句，請不要驚慌，它是 SSI，不是 PHP 語法，也不是 JSP 語法。