設計良好的網(wǎng)站包含被重復應用于幾十或成百上千的頁(yè)面的模塊化組件。這些組件可能包含全局導航標題鏈接和頁(yè)眉圖形，抑或聯(lián)系人信息和企業(yè)電郵地址。
 
將毎個(gè)文件中寫(xiě)入這些組成標準頁(yè)面組件的文字和HTML代碼沒(méi)有任何意義。相反，可以使用一個(gè)文件用來(lái)放置這些要在成百上千的頁(yè)面中重復出現的標準組件你只需在一個(gè)文件中進(jìn)行更改，網(wǎng)站中包含這些組件的所有頁(yè)面就會(huì )自動(dòng)地更新。HTML、CSS和當前Web服務(wù)提供了重復使用模塊化組件的強大功能和靈活性，絕大多數大型復雜的網(wǎng)站都使用幾十個(gè)可重復使用的組件來(lái)創(chuàng )建。


 
1.包含文件
 
Web服務(wù)器允許網(wǎng)站作者創(chuàng )建標準的被稱(chēng)為“包含文件”的HTML代碼塊，它可以用于網(wǎng)站的所有頁(yè)面。包含文件只是一個(gè)包含普通HTML頁(yè)面代碼的文本文件。當用戶(hù)請求一個(gè)頁(yè)面時(shí)，Web服務(wù)器會(huì )將主頁(yè)和在主頁(yè)文件中指定的所有包含文件結合在一個(gè)HTML頁(yè)面內，接著(zhù)發(fā)送給用戶(hù)的瀏覽器。
 
對于諸如付款條例、隱私策路以及其他的以同一形式在大型網(wǎng)站的多處重復“引用”商業(yè)和法律語(yǔ)言之類(lèi)的重復性標準內容而言，使用包含文件也相當便利。要經(jīng)常尋求機會(huì )，將頁(yè)面文件中的重復內容提取出來(lái)并且放入到包含文件中。如果你曾經(jīng)不得不更改引用語(yǔ)言，你會(huì )很慶幸你只需更改一個(gè)文件來(lái)更新整個(gè)網(wǎng)站中的該文本的所有顯示。
 
2.在C88中使用層疊
 
CSS的很多用戶(hù)都知道如何更改標準HTML組件的外觀(guān)，但是沒(méi)有注意到CSs強大的層疊功能。CSS是可護展的系統，在這個(gè)系統中，一組散布手多個(gè)CSS文件中的關(guān)聯(lián)CSS指今集可以是由所有頂面共享的非常普通的樣式和布局指今，也可以是網(wǎng)站少數面可以共享的極為特殊的樣式。CSS層疊有兩個(gè)主要的元素
 
(1)CSS層疊層數
 
CSS有多個(gè)按重要性和優(yōu)先級層疊的層級標準，從所有頁(yè)面共享的通用CSs代碼到包含在特定項面文件中的代碼，到恢在特定HTML標簽中的代碼。通用頁(yè)面代碼會(huì )覆蓋共享網(wǎng)站代碼，候在HTML標簽中的CSS代碼則會(huì )覆蓋通用頁(yè)面代碼。CSS層級層疊的優(yōu)先級允許你為整個(gè)網(wǎng)站設置非常普遍的樣式，也允許你覆蓋某些需要特定區城樣式或者頂面式所在的位置。
 
(2)跨多頁(yè)共享CSS
 
在一網(wǎng)站中可以同時(shí)使用多個(gè)CSS文件。多個(gè)CSS文件以某種模塊化方式起工作的觀(guān)念是頁(yè)面層疊體系的核心，所有的層疊頁(yè)面都通過(guò)與那些控制整個(gè)網(wǎng)站樣式的主CSS文件的鏈接來(lái)共享代碼。這個(gè)體系的優(yōu)點(diǎn)很顯著(zhù):如果所有的頁(yè)面都共享同一個(gè)主CSS文件，那么便可以在主CSS文件中更改所有組件的樣式，之后網(wǎng)站每個(gè)頁(yè)面都會(huì )顯示新的樣式。例如，如果你將<h1>標題的排版樣式放入主文件，整個(gè)網(wǎng)站的所有<hl>標簽都會(huì )更改并呈現出新的外觀(guān)。
 
在復雜的網(wǎng)站中，頁(yè)面設計師通常都會(huì )采用成組的CSS文件來(lái)定義網(wǎng)站的樣式。將多個(gè)CSS文件打包有很多實(shí)用的好處。在復雜的網(wǎng)站中，CSS代碼可以大到數百行，通常，將這些元素細分成來(lái)自主網(wǎng)站版面樣式的基礎頁(yè)面布局CSS更為實(shí)用創(chuàng )建與CSS文件的鏈接，并且讓主CSS布局和版面樣式控制網(wǎng)站中的所有頁(yè)面十分容易。
 
3)用于特定圖形處理的CSS“皮膚”文件
 
你可能不想讓網(wǎng)站的所有頁(yè)面和區域看上去完全一樣。如果這樣的話(huà)，你可以添加一個(gè)第三方“皮膚”CSS文件，用來(lái)為共享同一視黨設計的某個(gè)網(wǎng)站區域提供特殊的圖形、顏色和處理標題。位于多個(gè)文件層疊中的每個(gè)CSS文件都添加了信息:從網(wǎng)站通用的布局和版面樣式到特定用于少許頂面的視覺(jué)樣式。
 
3.媒介樣式表
 
CSS的另一個(gè)優(yōu)點(diǎn)是可以使用網(wǎng)站建設媒介樣式表提供適應上下文環(huán)境的設計。媒介樣式表支持程度并不高，目前只有對屏幕、打印的高效應用，程度更低的就是掌上設備了。有了媒介樣式表，才可能適應某種布局，例如，在打印時(shí)隱藏導航元素或者在使用手機的小屏幕査看時(shí)最小化菜單選項。