設計良好的網站包含被重復應用于幾十或成百上千的頁面的模塊化組件。這些組件可能包含全局導航標題鏈接和頁眉圖形，抑或聯系人信息和企業電郵地址。
將毎個文件中寫入這些組成標準頁面組件的文字和HTML代碼沒有任何意義。相反，可以使用一個文件用來放置這些要在成百上千的頁面中重復出現的標準組件你只需在一個文件中進行更改，網站中包含這些組件的所有頁面就會自動地更新。HTML、CSS和當前Web服務提供了重復使用模塊化組件的強大功能和靈活性，絕大多數大型復雜的網站都使用幾十個可重復使用的組件來創建。
1.包含文件
Web服務器允許網站作者創建標準的被稱為“包含文件”的HTML代碼塊，它可以用于網站的所有頁面。包含文件只是一個包含普通HTML頁面代碼的文本文件。當用戶請求一個頁面時，Web服務器會將主頁和在主頁文件中指定的所有包含文件結合在一個HTML頁面內，接著發送給用戶的瀏覽器。
對于諸如付款條例、隱私策路以及其他的以同一形式在大型網站的多處重復“引用”商業和法律語言之類的重復性標準內容而言，使用包含文件也相當便利。要經常尋求機會，將頁面文件中的重復內容提取出來并且放入到包含文件中。如果你曾經不得不更改引用語言，你會很慶幸你只需更改一個文件來更新整個網站中的該文本的所有顯示。
2.在C88中使用層疊
CSS的很多用戶都知道如何更改標準HTML組件的外觀，但是沒有注意到CSs強大的層疊功能。CSS是可護展的系統，在這個系統中，一組散布手多個CSS文件中的關聯CSS指今集可以是由所有頂面共享的非常普通的樣式和布局指今，也可以是網站少數面可以共享的極為特殊的樣式。CSS層疊有兩個主要的元素
(1)CSS層疊層數
CSS有多個按重要性和優先級層疊的層級標準，從所有頁面共享的通用CSs代碼到包含在特定項面文件中的代碼，到恢在特定HTML標簽中的代碼。通用頁面代碼會覆蓋共享網站代碼，候在HTML標簽中的CSS代碼則會覆蓋通用頁面代碼。CSS層級層疊的優先級允許你為整個網站設置非常普遍的樣式，也允許你覆蓋某些需要特定區城樣式或者頂面式所在的位置。
(2)跨多頁共享CSS
在一網站中可以同時使用多個CSS文件。多個CSS文件以某種模塊化方式起工作的觀念是頁面層疊體系的核心，所有的層疊頁面都通過與那些控制整個網站樣式的主CSS文件的鏈接來共享代碼。這個體系的優點很顯著:如果所有的頁面都共享同一個主CSS文件，那么便可以在主CSS文件中更改所有組件的樣式，之后網站每個頁面都會顯示新的樣式。例如，如果你將<h1>標題的排版樣式放入主文件，整個網站的所有<hl>標簽都會更改并呈現出新的外觀。
在復雜的網站中，頁面設計師通常都會采用成組的CSS文件來定義網站的樣式。將多個CSS文件打包有很多實用的好處。在復雜的網站中，CSS代碼可以大到數百行，通常，將這些元素細分成來自主網站版面樣式的基礎頁面布局CSS更為實用創建與CSS文件的鏈接，并且讓主CSS布局和版面樣式控制網站中的所有頁面十分容易。
3)用于特定圖形處理的CSS“皮膚”文件
你可能不想讓網站的所有頁面和區域看上去完全一樣。如果這樣的話，你可以添加一個第三方“皮膚”CSS文件，用來為共享同一視黨設計的某個網站區域提供特殊的圖形、顏色和處理標題。位于多個文件層疊中的每個CSS文件都添加了信息:從網站通用的布局和版面樣式到特定用于少許頂面的視覺樣式。
3.媒介樣式表

本文標題：高效可維護的網站結構
轉載來于：http://www.js-pz168.com/news16/124816.html

成都網站建設公司_創新互聯，為您提供外貿建站、自適應網站、定制網站、商城網站、面包屑導航、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯