是否可以使用CSS以類似於框架的方式更新HTML頁面的某些部分？

Question

是否可以使用CSS來像框架一樣工作？

我的意思是，當我們使用框架（例如左邊，右邊）時，單擊左側將只使用'target'屬性刷新右側部分。

是否可以用CSS創建這種效果？

謝謝。

Answer 1

使用框架通常是一個壞主意

要回答你的問題，不，CSS不能使用像幀工作。 CSS用於改變HTML的樣式，因此實際上不能改變頁面的內容。它可以用來隱藏內容，但我不認爲這是你所需要的。

不過，我覺得在這種情況下你可能會問錯問題。由於框架通常是錯誤的方法。

從網頁設計開始，框架似乎是一個好主意。你可以從你的內容中分離你的導航，你的網站加載速度會更快，因爲導航不會每次都加載，並且菜單始終可見，即使在加載頁面時也是如此。

但是，實際上，幀對於您的可用性非常不好。

• 您的用戶不能書籤
• 印刷被打破
• 標準功能的瀏覽器，如在新標籤中打開經常斷裂
• 用戶無法爲特定的頁面複製/粘貼網址發送個人網頁發送給朋友

幀有它們的用途（例如Google圖像搜索），但對於標準導航菜單，它們不被推薦。嘗試使用動態服務器語言（如PHP或ASP.NET）創建頁面。

這些語言可以在不使用框架的情況下創建標準元素（如導航菜單）。

Answer 2

不，這與CSS無關。 CSS僅用於樣式元素。你正在尋找的是一個IFRAME。並且IFRAME可以被命名爲

<iframe name="my_iframe" src="xyz.htm"></ifram> 

然後被定位在一個鏈接中。

Answer 3

你可能可以對CSS的溢出部分做些什麼。

如果你設置了一個帶溢出的div：auto，其寬度和高度都固定，並且有很多內容，你會得到滾動條。有可能您可以使用錨點來獲取內容以便在div內查看。

這意味着您的所有內容都在一個頁面中，並且只是隨着錨點移動。你也可以使用jquery tabs插件做類似的事情。

我從來沒有嘗試過這一點，它可能需要JavaScript來讓它充分發揮作用。

Answer 4

我有一個設計依賴於使用CSS的框架內容。你可以使用overflow:auto來做到這一點，但它不會做你想做的事情，即加載頁面的某些部分。爲此，您需要使用一些AJAX庫（如jQuery）來動態加載內容區域。這是相當危險的，儘管你的URL可能與頁面的當前內容無關。