跨網頁相同側邊欄

我對web開發很新穎。在網站上的網頁上保留相同的邊欄和其他元素的最佳做法是什麼？你存儲側邊欄的HTML和通話？如果是這樣，那麼如何去做這樣的事情呢？跨網頁相同側邊欄

2013-05-14 John

[是的，如果您試圖避免服務器端技術，可以在Javascri中完成。]（http://stackoverflow.com/a/676409/773702） – Josh 2013-05-14 12:31:37

您正在尋找某種「幀」看到這裏http://stackoverflow.com/questions/6248564/how-is-better-to-create-frames-in-css-than-html – Fico 2013-05-14 12:31:54

-2

只要你只用html編碼，你就需要將你的html複製到每一頁。您可以將邊欄的CSS存儲在同一個文件中，然後在每個頁面上調用該邊欄。

其他腳本語言和框架可能包含模板（php）或母版頁（asp.net），例如它們可以在不同的頁面中使用相同的代碼。

來源

2013-05-14 12:26:14

它可以在JS中完成？ – John 2013-05-14 12:29:16

[是的，它可以在Javascript中完成]（http://stackoverflow.com/a/676409/773702） – Josh 2013-05-14 12:30:48

是的，有多個合併模板的JavaScript框架。 [Angularjs]（http://angularjs.org/）一個... – rGil 2013-05-14 12:31:00

這裏的one way要做到這一點：使用「包含」文件。不需要JavaScript。服務器完成這項工作，而不是要求客戶端添加內容。

SSI或服務器端包含首先被開發爲允許開發人員在其他頁面中「包含」HTML文檔。如果您的Web服務器支持SSI，則可以輕鬆地爲您的網站創建模板。

將網站常用元素的HTML保存爲單獨的文件。例如，您的導航部分可能會保存爲navigation.html 或navigation.ssi。使用以下SSI標記將HTML包含在每個頁面中。

<!--#include virtual="path to file/include-file.html" -->

使用要包含的文件每一頁上相同的代碼。

該頁面還介紹了其他一些方法。但如果您知道這是使用包含文件調用的，則可以更輕鬆地進行搜索。例如，如果必須的話，this article描述了包括以及如何從JavaScript調用它們。

來源

2013-05-14 12:31:44 DOK

跨網頁相同側邊欄

回答

相關問題