web標(biāo)準(zhǔn)網(wǎng)頁的好
div元素是用來為html文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。div的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個(gè)塊的,其中所包含元素的特性由div標(biāo)簽的屬性來控制,或者是通過使用樣式表格式化這個(gè)塊來進(jìn)行控制。
css是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現(xiàn) html 或 xml 等文件式樣的計(jì)算機(jī)語言。
Web標(biāo)準(zhǔn)網(wǎng)頁的好處
事實(shí)上,在使用各種網(wǎng)頁設(shè)計(jì)與制作工具進(jìn)行網(wǎng)頁設(shè)計(jì)制作時(shí),就已經(jīng)開始使用Web標(biāo)準(zhǔn)。在Dreamweaver或其他網(wǎng)頁編輯器的環(huán)境中進(jìn)行網(wǎng)頁設(shè)計(jì),實(shí)際上是由這個(gè)網(wǎng)頁編輯器在為我們自動(dòng)編寫著Web標(biāo)準(zhǔn)中的各個(gè)代碼段。然而我們一直在使用編輯器或其他手段進(jìn)行Web標(biāo)準(zhǔn)的書寫,但并不意味著作出的網(wǎng)頁是符合設(shè)計(jì)標(biāo)準(zhǔn)的。真正符合標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)是指能夠靈活使用Web標(biāo)準(zhǔn)對(duì)Web內(nèi)容進(jìn)行結(jié)構(gòu)、表現(xiàn)與行為的分離——即表現(xiàn)與內(nèi)容分離的設(shè)計(jì)。
表現(xiàn)與內(nèi)容分離技術(shù)是目前Web標(biāo)準(zhǔn)指定的核心目的:
“內(nèi)容是指具體的信息,僅僅表示信息正文,正文通過xhtml結(jié)構(gòu)化語言被標(biāo)記為各個(gè)獨(dú)立部分,比如左分欄、右分欄、信息列表(文章列表)等。
表現(xiàn)是指信息的展示形式,如字號(hào)、字體、排版的設(shè)計(jì)稱之為表現(xiàn)!
1 高效率的設(shè)計(jì)、規(guī)劃與簡(jiǎn)單維護(hù)
在網(wǎng)站的設(shè)計(jì)過程中,對(duì)于設(shè)計(jì)與規(guī)劃人員來講最希望的就是高效設(shè)計(jì)與規(guī)劃與簡(jiǎn)單維護(hù),也就是網(wǎng)站在設(shè)計(jì)、規(guī)劃與運(yùn)營成本的關(guān)鍵所在。由表現(xiàn)與內(nèi)容分離所帶來的高效設(shè)計(jì)與規(guī)劃是指通過內(nèi)容與表現(xiàn)的'分離設(shè)計(jì),可以使具體內(nèi)容與樣式設(shè)計(jì)分類開來,并使得同一個(gè)設(shè)計(jì)可以重復(fù)使用,當(dāng)定義界面上某一個(gè)元素的設(shè)計(jì)樣式后,通過設(shè)計(jì)與內(nèi)容分離,可以將這段設(shè)計(jì)樣式代碼重用于另一個(gè)信息內(nèi)容之中,直接應(yīng)用或繼承這段代碼進(jìn)行擴(kuò)展,做到重用的目的,可以減少重復(fù)代碼,加快設(shè)計(jì)與規(guī)劃效率。而這種重用的手段在維護(hù)中同樣可以起到事半功倍的作用,通過修改同一個(gè)代碼段,可以使得重用這段代碼的所有區(qū)域同時(shí)改變樣式設(shè)計(jì),使得維護(hù)簡(jiǎn)單高效,更值得注意的是,由于內(nèi)容與表現(xiàn)分離,使得樣式設(shè)計(jì)人員可以專注于樣式的表現(xiàn)而不用重復(fù)定義樣式內(nèi)容,在可讀性和維護(hù)性上都得到極大的提高。
2 信息跨平臺(tái)的可用性
通過將內(nèi)容與設(shè)計(jì)進(jìn)行分離,我們可以使得信息實(shí)現(xiàn)跨平臺(tái)訪問,由于內(nèi)容與設(shè)計(jì)已經(jīng)分離,我們可以針對(duì)其他設(shè)備進(jìn)行樣式上的替換設(shè)計(jì),如針對(duì)掌上電腦或游戲機(jī)終端,我們只需要替換一個(gè)樣式設(shè)計(jì)文件即可另一種設(shè)備上擁有不同樣式表現(xiàn),以適應(yīng)不同設(shè)備的屏幕,而我們的內(nèi)容本身是不需要改變的。
3 降低服務(wù)器成本
通過樣式的重用、整個(gè)網(wǎng)站的文件量可以成倍減小,使得降低服務(wù)器帶寬成本成為可能。特別是對(duì)于大型站,網(wǎng)頁的數(shù)量越大,意味著重用的代碼數(shù)量越多,從而使得同一時(shí)間服務(wù)器的數(shù)據(jù)訪問量降低,降低帶寬使用。
。ㄔ趪獗姸嗑W(wǎng)站已經(jīng)從符合Web標(biāo)準(zhǔn)的設(shè)計(jì)中嘗到了甜頭,包含mp3.com 在內(nèi)的許多知名網(wǎng)站,通過使用Web標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì),從服務(wù)器成本中省下了大筆金錢投入到了其他服務(wù)中。對(duì)于大型網(wǎng)站而言,網(wǎng)頁代碼量減小一半則意味著其所需要的服務(wù)器網(wǎng)絡(luò)帶寬可以縮減一半,一個(gè)日訪問量上千萬的網(wǎng)站,這筆費(fèi)用是不可小視的,國內(nèi)的眾多站往往安置了數(shù)百臺(tái)服務(wù)器用于文件鏡象及各種服務(wù)以滿足數(shù)以億計(jì)的網(wǎng)民的需求,但如果帶寬能減少一半或是三分之一,也能減少近一半的服務(wù)器數(shù)量即可滿足網(wǎng)民的需求,從經(jīng)濟(jì)角度上看是不忽視的,帶給大型網(wǎng)站的將是數(shù)以百萬元的流量費(fèi)用的節(jié)省。現(xiàn)在國內(nèi)大型站如網(wǎng)易 163.com 雅虎中國 cn.yahoo.com 都已經(jīng)采用Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁設(shè)計(jì))
4 便于改版
對(duì)于經(jīng)常改版的網(wǎng)站來說,使內(nèi)容與設(shè)計(jì)進(jìn)行分離使得改版的成本大幅降低,每次改版只需改動(dòng)樣式文件即可,而不需要改變信息內(nèi)容。使得改版技術(shù)難度與實(shí)施周期都得到降低。
5 加快網(wǎng)頁解析速度
一些測(cè)試表明目前通過內(nèi)容與設(shè)計(jì)分離的結(jié)構(gòu)進(jìn)行網(wǎng)頁設(shè)計(jì),使得瀏覽器對(duì)網(wǎng)頁解析速度大幅提高,相對(duì)于老式內(nèi)容與設(shè)計(jì)混合編碼而言,瀏覽器在解析中可以以更好的解析方式分析結(jié)構(gòu)元素與設(shè)計(jì)元素,良好的網(wǎng)頁瀏覽速度使得用戶的瀏覽體驗(yàn)得以提升。
6 與未來兼容
已經(jīng)將內(nèi)容與設(shè)計(jì)分開,不用再擔(dān)心未來的技術(shù)變革,無論是結(jié)構(gòu)或是設(shè)計(jì),都可以隨時(shí)替換與修改,不需要再在混雜著信息與設(shè)計(jì)的代碼中進(jìn)行修改。
7 更良好的用戶體驗(yàn)
表現(xiàn)與內(nèi)容分類的設(shè)計(jì)要求我們充分理解網(wǎng)站信息的具體構(gòu)成以及如何設(shè)計(jì)好的樣式可以重用,使我們?cè)谠O(shè)計(jì)與制作網(wǎng)站時(shí)能夠充分地對(duì)網(wǎng)站的內(nèi)容、設(shè)計(jì)統(tǒng)一性、可用性進(jìn)行思考與設(shè)計(jì),從而提高網(wǎng)站的可用性,改善用戶體驗(yàn)。
結(jié)語
符合Web標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)還有更多優(yōu)勢(shì),在使用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)與規(guī)劃的過程中,將能夠逐步感受到,眾多網(wǎng)頁設(shè)計(jì)師在選擇Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)與規(guī)劃的事實(shí)更加證明了其價(jià)值。
目前Web標(biāo)準(zhǔn)已開始普及成為一種趨勢(shì),符合Web標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)正在潛移默化地改變著我們的瀏覽體驗(yàn),也改變著我們?cè)谌找嬖鰪S的互聯(lián)網(wǎng)上的表現(xiàn)形式。
【web標(biāo)準(zhǔn)網(wǎng)頁的好】相關(guān)文章:
1.WEB標(biāo)準(zhǔn)網(wǎng)頁頁面結(jié)構(gòu)反思
2.web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處概況
6.淺談Web標(biāo)準(zhǔn)真的是標(biāo)準(zhǔn)嗎