如何爲從其他.html文件導入特定內容的網頁創建鏈接？

我有一個由6個.html頁面組成的網站。主頁面是（index.html），導航菜單中有一些<li>元素，用於從另一個.html文件導入內容，例如聯繫我們頁面。如何爲從其他.html文件導入特定內容的網頁創建鏈接？

當點擊<li><a>Contact</a></li>時，導航菜單（頁眉）和頁腳保持不變，只是它們之間的內容隨「contact.html」的內容而改變。如果我訪問了主頁，然後點擊導航菜單中的「聯繫人」，那麼效果很好，但如果我想直接訪問此頁面，該怎麼辦？

例如，如果我訪問www.mywebsite.com/contact我找到標題，聯繫頁面內容和頁腳。因爲如果我訪問www.mywebsite.com/contact.html，我會在沒有任何樣式或任何東西的情況下找到html內容。那麼這是可能的，否則我需要爲所有頁面添加頁眉和頁腳代碼？

2017-10-15 Jim

使用服務器端非常簡單，包括您可以使用的任何編程語言。或者用javascript創建一個單頁面應用程序。很多簡單易用的框架都可用 – charlietfl

有很好的單頁面應用程序（SPA）框架來處理這個問題。如果你真的想自己創建一些東西，你可以基本上將任何流量重定向到任何單獨的頁面到你的索引頁面，並用散列值告訴頁面要顯示的內容。 – Nick

@snapjs，我正在考慮做第二個想法，但我不知道該怎麼做？ – Jim

這裏有一個想法，讓你開始DIY解決方案。

在每個單獨的頁面上，檢查是否存在名爲「router」的查詢參數。 Here's a good way to check for that。
如果沒有這樣的查詢參數，replace the window位置索引頁，但相應的哈希值（例如，index.html的＃接觸）
在index.html頁面，使用hash在適當的拉頁面，但請確保在通過ajax加載路由器參數時加載（即，請確保以contact.html？router = true加載聯繫頁面URL）。

2017-10-15 16:08:58 Nick

回答