來(lái)源:無(wú)錫網(wǎng)站建設(shè)阿凡達(dá) 瀏覽次數(shù):340 發(fā)表日期:2023-05-19
設(shè)計(jì)良好的網(wǎng)站包含被重復(fù)應(yīng)用于幾十或成百上千的頁(yè)面的模塊化組件。這些組件可能包含全局導(dǎo)航標(biāo)題鏈接和頁(yè)眉圖形,抑或聯(lián)系人信息和企業(yè)電郵地址。
將毎個(gè)文件中寫(xiě)入這些組成標(biāo)準(zhǔn)頁(yè)面組件的文字和HTML代碼沒(méi)有任何意義。相反,可以使用一個(gè)文件用來(lái)放置這些要在成百上千的頁(yè)面中重復(fù)出現(xiàn)的標(biāo)準(zhǔn)組件你只需在一個(gè)文件中進(jìn)行更改,網(wǎng)站中包含這些組件的所有頁(yè)面就會(huì)自動(dòng)地更新。HTML、CSS和當(dāng)前Web服務(wù)提供了重復(fù)使用模塊化組件的強(qiáng)大功能和靈活性,絕大多數(shù)大型復(fù)雜的網(wǎng)站都使用幾十個(gè)可重復(fù)使用的組件來(lái)創(chuàng)建。
1.包含文件
Web服務(wù)器允許網(wǎng)站作者創(chuàng)建標(biāo)準(zhǔn)的被稱(chēng)為“包含文件”的HTML代碼塊,它可以用于網(wǎng)站的所有頁(yè)面。包含文件只是一個(gè)包含普通HTML頁(yè)面代碼的文本文件。當(dāng)用戶請(qǐng)求一個(gè)頁(yè)面時(shí),Web服務(wù)器會(huì)將主頁(yè)和在主頁(yè)文件中指定的所有包含文件結(jié)合在一個(gè)HTML頁(yè)面內(nèi),接著發(fā)送給用戶的瀏覽器。
對(duì)于諸如付款條例、隱私策路以及其他的以同一形式在大型網(wǎng)站的多處重復(fù)“引用”商業(yè)和法律語(yǔ)言之類(lèi)的重復(fù)性標(biāo)準(zhǔn)內(nèi)容而言,使用包含文件也相當(dāng)便利。要經(jīng)常尋求機(jī)會(huì),將頁(yè)面文件中的重復(fù)內(nèi)容提取出來(lái)并且放入到包含文件中。如果你曾經(jīng)不得不更改引用語(yǔ)言,你會(huì)很慶幸你只需更改一個(gè)文件來(lái)更新整個(gè)網(wǎng)站中的該文本的所有顯示。
2.在C88中使用層疊
CSS的很多用戶都知道如何更改標(biāo)準(zhǔn)HTML組件的外觀,但是沒(méi)有注意到CSs強(qiáng)大的層疊功能。CSS是可護(hù)展的系統(tǒng),在這個(gè)系統(tǒng)中,一組散布手多個(gè)CSS文件中的關(guān)聯(lián)CSS指今集可以是由所有頂面共享的非常普通的樣式和布局指今,也可以是網(wǎng)站少數(shù)面可以共享的*為特殊的樣式。CSS層疊有兩個(gè)主要的元素
(1)CSS層疊層數(shù)
CSS有多個(gè)按重要性和優(yōu)先級(jí)層疊的層級(jí)標(biāo)準(zhǔn),從所有頁(yè)面共享的通用CSs代碼到包含在特定項(xiàng)面文件中的代碼,到恢在特定HTML標(biāo)簽中的代碼。通用頁(yè)面代碼會(huì)覆蓋共享網(wǎng)站代碼,候在HTML標(biāo)簽中的CSS代碼則會(huì)覆蓋通用頁(yè)面代碼。CSS層級(jí)層疊的優(yōu)先級(jí)允許你為整個(gè)網(wǎng)站設(shè)置非常普遍的樣式,也允許你覆蓋某些需要特定區(qū)城樣式或者頂面式所在的位置。
(2)跨多頁(yè)共享CSS
在一網(wǎng)站中可以同時(shí)使用多個(gè)CSS文件。多個(gè)CSS文件以某種模塊化方式起工作的觀念是頁(yè)面層疊體系的核心,所有的層疊頁(yè)面都通過(guò)與那些控制整個(gè)網(wǎng)站樣式的主CSS文件的鏈接來(lái)共享代碼。這個(gè)體系的優(yōu)點(diǎn)很顯著:如果所有的頁(yè)面都共享同一個(gè)主CSS文件,那么便可以在主CSS文件中更改所有組件的樣式,之后網(wǎng)站每個(gè)頁(yè)面都會(huì)顯示新的樣式。例如,如果你將
免費(fèi)答疑熱線
400-189-1319
添加微信