在網頁設計的發展過程中，Frames（框架）曾經是很常見的技術，可以把多個HTML文件同時顯示在同一個瀏覽器視窗裡。開發者用它把網頁切成幾個區塊，每個區塊各自載入不同的網頁資源。Frames在當時確實有它的好處，但技術一路往前走，使用者的需求也變了，Frames碰到的問題就越來越多。
Frames的使用
Frames最大的優點是能把網頁內容模組化。開發者可以把導覽列、內容區和其他功能區分開，需要時只更新其中一塊，不必重新載入整個頁面。這種做法在早期的網頁設計中很受歡迎，尤其是新聞網站或論壇這類內容更新頻繁的網站。
Frames也讓網站比較容易維持一致。各個頁面共用同一組導覽列或頁首頁尾，外觀和感覺就能保持統一，對維護品牌形象很有幫助。
Frames的挑戰
不過，隨著網頁技術演進，Frames的限制也越來越明顯。最常被提到的是SEO（搜尋引擎最佳化）。每個Frame都是獨立的HTML文件，搜尋引擎在索引這些頁面時可能會遇到困難，進而影響網站的搜尋排名。另外，Frames的結構讓URL沒辦法反映目前看到的頁面內容，使用者想分享某一頁或加入書籤時，就會很不方便。
使用者體驗也是個問題。因為每個Frame各自獨立，瀏覽器的返回按鈕可能無法正常運作——返回按鈕通常只作用在主頁面，管不到嵌在裡面的Frame內容。使用者按了返回卻沒回到預期的地方，很容易感到困惑，在需要頻繁切換頁面的網站上更明顯。
Frames跟響應式網頁設計也不太合得來。行動裝置普及之後，網站得在各種螢幕尺寸上都能正常顯示，但Frames的結構是固定的，很難配合不同裝置調整，放到小螢幕上常常顯示得不好，瀏覽體驗也跟著打折。
現代替代方案
因為這些問題，Frames在現代網頁設計中已經逐漸被淘汰，改由更靈活的技術取代。像是CSS和JavaScript進步之後，開發者不靠Frames，也能更輕鬆地做到頁面模組化和動態更新內容。
單頁應用程式（Single Page Applications, SPA）是另一種選擇。SPA用JavaScript框架（如React、Vue或Angular）動態更新頁面內容，不需要重新載入整個頁面，可以改善使用者體驗，也能提升網站的效能和SEO效果。
響應式設計（Responsive Web Design）如今也已經是現代網頁設計的標準做法。開發者透過CSS媒體查詢和彈性佈局，讓網站在各種裝置上都能有良好的使用者體驗，不必再依賴Frames的固定結構。
從Frames到響應式設計，網頁技術的取捨其實反映了使用者與搜尋引擎需求的變化。企業架站時，與其沿用過時的做法，不如找熟悉現代前端技術的高雄網頁設計公司，從網站架構、行動裝置瀏覽到SEO一併規劃，後續維護也會省力許多。