網頁設計模式/解決方案

Question

我希望有人能幫助/指向我在這裏正確的方向。

選項1

我作出這樣的具有導航菜單一個基本的網站，我可以在導航鏈接的列表，每個環節都會有一個相應的頁面相同的標題，導航，頁腳和不同的主要內容。所以當鏈接被點擊後，整個頁面再次加載，但仍然看起來相同，除了不同的主要內容。

選項2

我作出這樣的具有導航菜單，頁眉，頁腳和主要DIV的站點。有一個jquery函數，當點擊nav中的li時。只顯示所需內容的相應頁面會顯示在主div中。有了這個只有主div被加載，頁面的其餘部分（導航，頁眉，頁腳，你不會刷新）。 風格佈局保持不變只有主要內容不同..

所以現在。隨着選項1

• 整個頁面刷新，
• 我可以給一個鏈接到一個specfic頁面內容（即http://domain.com/page2.html）和整個頁面加載與導航，頁眉，頁腳等
• 如果我得到一個谷歌的命中page3.html內容和我點擊它，http://domain.com/page3.html將與導航，頁眉，頁腳等加載...

利用選2.

• 只有Main div刷新（導航，頁眉，頁腳保持靜態）。
• 當我在導航項目之間切換時，頁面地址將保持爲http://domain.com/index.html，並且不會更改爲http://domain.com/page3.html或http://domain.com/page4.html以將該鏈接發送給用戶。
• 如果我得到一個谷歌打對page3.html內容和它的點擊，用戶將只能得到page3.html內容，沒有導航，頁眉，頁腳

---

所以

• 有沒有辦法像第二個選項一樣創建一個頁面，只有主div才能刷新相應頁面的內容，而該頁面沒有導航，頁眉，頁腳，當導航項被點擊時？
• ，但它仍然有對具有不同的主要內容保持相同的導航，頁腳，標題中的每個頁面unigue網址..
• ，然後如果用戶來通過搜索引擎，他們將獲得完整的頁面佈局（導航，頁腳，標題）與該頁面的內容，而不僅僅是內容。

我希望我有此足夠清楚瞭解什麼即時試圖實現

基本上我想創建的導航，頁眉，頁腳留靜態頁面，只有主DIV重新加載時，每個L1項目被點擊。但我需要每個網頁都有一個唯一的網址，並且可以爲搜索引擎用戶加載所需內容的整個網頁。

Answer 1

這聽起來像你正在尋找PJAX - 或帶有AJAX的pushState。基本上，所有請求都是通過ajax完成的，但是您使用pushState（不會導致刷新）更新地址欄。

一個輕量級的框架存在（由YouTube開發和喜歡的GitHub網站使用）稱爲spfjs，在處理這個助攻（以及處理回退...）

https://github.com/youtube/spfjs

如果你感興趣的只是一個簡單的解決方案pjax，一個jQuery插件，可以在這裏找到：

https://github.com/defunkt/jquery-pjax