中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

高效可維護的網(wǎng)站結(jié)構(gòu)

2021-09-01    分類: 網(wǎng)站建設(shè)

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

標(biāo)題的排版樣式放入主文件,整個網(wǎng)站的所有標(biāo)簽都會更改并呈現(xiàn)出新的外觀。
在復(fù)雜的網(wǎng)站中,頁面設(shè)計師通常都會采用成組的CSS文件來定義網(wǎng)站的樣式。將多個CSS文件打包有很多實用的好處。在復(fù)雜的網(wǎng)站中,CSS代碼可以大到數(shù)百行,通常,將這些元素細(xì)分成來自主網(wǎng)站版面樣式的基礎(chǔ)頁面布局CSS更為實用創(chuàng)建與CSS文件的鏈接,并且讓主CSS布局和版面樣式控制網(wǎng)站中的所有頁面十分容易。
3)用于特定圖形處理的CSS“皮膚”文件
你可能不想讓網(wǎng)站的所有頁面和區(qū)域看上去完全一樣。如果這樣的話,你可以添加一個第三方“皮膚”CSS文件,用來為共享同一視黨設(shè)計的某個網(wǎng)站區(qū)域提供特殊的圖形、顏色和處理標(biāo)題。位于多個文件層疊中的每個CSS文件都添加了信息:從網(wǎng)站通用的布局和版面樣式到特定用于少許頂面的視覺樣式。
3.媒介樣式表
CSS的另一個優(yōu)點是可以使用網(wǎng)站制作媒介樣式表提供適應(yīng)上下文環(huán)境的設(shè)計。媒介樣式表支持程度并不高,目前只有對屏幕、打印的高效應(yīng)用,程度更低的就是掌上設(shè)備了。有了媒介樣式表,才可能適應(yīng)某種布局,例如,在打印時隱藏導(dǎo)航元素或者在使用手機的小屏幕査看時最小化菜單選項。

標(biāo)題名稱:高效可維護的網(wǎng)站結(jié)構(gòu)
文章URL:http://www.rwnh.cn/news/124816.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序Google、靜態(tài)網(wǎng)站全網(wǎng)營銷推廣、搜索引擎優(yōu)化企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
平罗县| 无棣县| 调兵山市| 西充县| 正宁县| 新乐市| 冕宁县| 临夏县| 溧阳市| 西乌珠穆沁旗| 武城县| 专栏| 平陆县| 阜新市| 芜湖市| 松桃| 荆门市| 柳林县| 兰溪市| 黄大仙区| 阿荣旗| 和政县| 西乌珠穆沁旗| 常德市| 城口县| 平谷区| 阿城市| 汉沽区| 昂仁县| 刚察县| 叶城县| 民权县| 玉林市| 合阳县| 淮滨县| 裕民县| 抚远县| 金阳县| 江山市| 高州市| 威宁|