如何在另一個文件中包含一個HTML文件

使用HTML包括可以大大簡化您的網站的管理

轉到任何網站並瀏覽頁面，您很快就會意識到，雖然每個頁面在許多方面可能有所不同，但在其他網頁中也非常相似。幾乎所有的網站都包含在網站每個頁面上重複的設計元素。在每個頁面上可以找到的網站元素的一些示例是徽標所在的標題區域，導航區域和頁腳區域。

網站上的重複元素可以確保用戶體驗的一致性。訪問者不需要在每個頁面上定位導航，因為一旦他們找到了導航，他們就會知道他們訪問的網站的其他頁面上的位置。

包含的內容可以消除必須編輯您的網站的每個頁面的重複內容。相反，您只需編輯一個文件，整個網站及其中的每個頁面都會得到更新！

讓我們看看幾種方法，您可以將此功能添加到您的網站中，並在其他許多方麵包含一個HTML文件。

如果您的網站使用CMS ，那麼它可能使用某些模板或主題是該軟件的一部分。即使您從頭開始自定義構建這些模板，該網站仍然將這個框架用於頁面。

因此，這些CMS模板將包含在每個頁面上重複的網站區域。您只需登錄到CMS的後端並編輯必要的模板。使用該模板的網站的所有頁面都將被更新。

即使您的網站沒有內容管理系統，您仍然可以利用包含的文件。在HTML中，可以幫助您更輕鬆地管理網站的這些模板化區域。

include是HTML的一部分，它本身不是完整的HTML文檔。相反，它是可以通過編程插入完整網頁的另一頁的一部分。大多數包含文件都是在網站的多個頁面上重複的上述項目。例如：

在頁面上包含這些重複的區域是有好處的。不幸的是，插入文件的過程並不是單獨使用HTML所能發生的，因此您需要有一些類型的程序或腳本來將您的包含文件添加到您的網頁中。

服務器端包含，也稱為SSI，最初是為了讓Web開發人員在其他頁面中“包含”HTML文檔而開發的。

基本上，當頁面在服務器上運行並發送到Web瀏覽器時，在一個文檔中找到的代碼片段會被包含到另一個文檔中。

SSI包含在大多數Web服務器上，但您可能必須啟用它才能使其工作。如果您不知道您的服務器是否支持SSI，請聯繫您的託管服務提供商。

以下是一個如何使用SSI在您的所有網頁中包含HTML片段的示例：

PHP是一種服務器級的腳本語言。它可以做很多事情，但一個常見的用法是在頁面中包含HTML文檔，就像我們剛剛用SSI覆蓋的那樣。

像SSI一樣，PHP是服務器級技術。如果您不確定您的網站是否具有PHP功能，請聯繫您的託管服務提供商。

以下是一個簡單的PHP腳本，您可以使用它在任何啟用PHP的網頁上包含一段HTML代碼：

保存您的網站的常見元素（如導航）的HTML以分隔文件。例如，您的導航部分可能會保存為navigation.html或navigation.ssi 。
使用以下PHP代碼將HTML包含在每個頁面中（ 用引號將文件的路徑和文件名替換掉 ）。 navigation.php“）;？>
在您想要包含該文件的每個頁面上添加相同的代碼。

JavaScript是在您的網站頁面中包含HTML的另一種方式。這具有不需要服務器級編程的優點，但它稍微複雜一些 - 它顯然適用於允許使用Javascript的瀏覽器，除非用戶決定禁用它，否則這種做法大多數情況下都是如此。