web標準網(wǎng)頁(yè)的好

　　div元素是用來(lái)為html文檔內大塊（block-level）的內容提供結構和背景的元素。div的起始標簽和結束標簽之間的所有內容都是用來(lái)構成這個(gè)塊的，其中所包含元素的特性由div標簽的屬性來(lái)控制，或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。

　　css是英語(yǔ)Cascading Style Sheets（層疊樣式表單）的縮寫(xiě)，它是一種用來(lái)表現 html 或 xml 等文件式樣的計算機語(yǔ)言。

　　Web標準網(wǎng)頁(yè)的好處

　　事實(shí)上，在使用各種網(wǎng)頁(yè)設計與制作工具進(jìn)行網(wǎng)頁(yè)設計制作時(shí)，就已經(jīng)開(kāi)始使用Web標準。在Dreamweaver或其他網(wǎng)頁(yè)編輯器的環(huán)境中進(jìn)行網(wǎng)頁(yè)設計，實(shí)際上是由這個(gè)網(wǎng)頁(yè)編輯器在為我們自動(dòng)編寫(xiě)著(zhù)Web標準中的各個(gè)代碼段。然而我們一直在使用編輯器或其他手段進(jìn)行Web標準的書(shū)寫(xiě)，但并不意味著(zhù)作出的網(wǎng)頁(yè)是符合設計標準的。真正符合標準的網(wǎng)頁(yè)設計是指能夠靈活使用Web標準對Web內容進(jìn)行結構、表現與行為的分離——即表現與內容分離的設計。

　　表現與內容分離技術(shù)是目前Web標準指定的核心目的：

　　“內容是指具體的信息，僅僅表示信息正文，正文通過(guò)xhtml結構化語(yǔ)言被標記為各個(gè)獨立部分，比如左分欄、右分欄、信息列表（文章列表）等。

　　表現是指信息的展示形式，如字號、字體、排版的設計稱(chēng)之為表現�！� 

　　1 高效率的設計、規劃與簡(jiǎn)單維護

　　在網(wǎng)站的設計過(guò)程中，對于設計與規劃人員來(lái)講最希望的就是高效設計與規劃與簡(jiǎn)單維護，也就是網(wǎng)站在設計、規劃與運營(yíng)成本的關(guān)鍵所在。由表現與內容分離所帶來(lái)的高效設計與規劃是指通過(guò)內容與表現的分離設計，可以使具體內容與樣式設計分類(lèi)開(kāi)來(lái)，并使得同一個(gè)設計可以重復使用，當定義界面上某一個(gè)元素的設計樣式后，通過(guò)設計與內容分離，可以將這段設計樣式代碼重用于另一個(gè)信息內容之中，直接應用或繼承這段代碼進(jìn)行擴展，做到重用的目的，可以減少重復代碼，加快設計與規劃效率。而這種重用的手段在維護中同樣可以起到事半功倍的作用，通過(guò)修改同一個(gè)代碼段，可以使得重用這段代碼的所有區域同時(shí)改變樣式設計，使得維護簡(jiǎn)單高效，更值得注意的是，由于內容與表現分離，使得樣式設計人員可以專(zhuān)注于樣式的表現而不用重復定義樣式內容，在可讀性和維護性上都得到極大的提高。

　　2 信息跨平臺的可用性

　　通過(guò)將內容與設計進(jìn)行分離，我們可以使得信息實(shí)現跨平臺訪(fǎng)問(wèn)，由于內容與設計已經(jīng)分離，我們可以針對其他設備進(jìn)行樣式上的替換設計，如針對掌上電腦或游戲機終端，我們只需要替換一個(gè)樣式設計文件即可另一種設備上擁有不同樣式表現，以適應不同設備的屏幕，而我們的內容本身是不需要改變的。

　　3 降低服務(wù)器成本

　　通過(guò)樣式的重用、整個(gè)網(wǎng)站的文件量可以成倍減小，使得降低服務(wù)器帶寬成本成為可能。特別是對于大型站，網(wǎng)頁(yè)的數量越大，意味著(zhù)重用的代碼數量越多，從而使得同一時(shí)間服務(wù)器的數據訪(fǎng)問(wèn)量降低，降低帶寬使用。

　�。ㄔ趪�外眾多網(wǎng)站已經(jīng)從符合Web標準的設計中嘗到了甜頭，包含mp3.com 在內的許多知名網(wǎng)站，通過(guò)使用Web標準的網(wǎng)站設計，從服務(wù)器成本中省下了大筆金錢(qián)投入到了其他服務(wù)中。對于大型網(wǎng)站而言，網(wǎng)頁(yè)代碼量減小一半則意味著(zhù)其所需要的服務(wù)器網(wǎng)絡(luò )帶寬可以縮減一半，一個(gè)日訪(fǎng)問(wèn)量上千萬(wàn)的網(wǎng)站，這筆費用是不可小視的，國內的眾多站往往安置了數百臺服務(wù)器用于文件鏡象及各種服務(wù)以滿(mǎn)足數以?xún)|計的網(wǎng)民的需求，但如果帶寬能減少一半或是三分之一，也能減少近一半的服務(wù)器數量即可滿(mǎn)足網(wǎng)民的需求，從經(jīng)濟角度上看是不忽視的，帶給大型網(wǎng)站的將是數以百萬(wàn)元的流量費用的節省�，F在國內大型站如網(wǎng)易 163.com 雅虎中國 cn.yahoo.com 都已經(jīng)采用Web標準進(jìn)行網(wǎng)頁(yè)設計）

　　4 便于改版

　　對于經(jīng)常改版的網(wǎng)站來(lái)說(shuō)，使內容與設計進(jìn)行分離使得改版的成本大幅降低，每次改版只需改動(dòng)樣式文件即可，而不需要改變信息內容。使得改版技術(shù)難度與實(shí)施周期都得到降低。

　　5 加快網(wǎng)頁(yè)解析速度

　　一些測試表明目前通過(guò)內容與設計分離的結構進(jìn)行網(wǎng)頁(yè)設計，使得瀏覽器對網(wǎng)頁(yè)解析速度大幅提高，相對于老式內容與設計混合編碼而言，瀏覽器在解析中可以以更好的解析方式分析結構元素與設計元素，良好的網(wǎng)頁(yè)瀏覽速度使得用戶(hù)的瀏覽體驗得以提升。

　　6 與未來(lái)兼容

　　已經(jīng)將內容與設計分開(kāi)，不用再擔心未來(lái)的技術(shù)變革，無(wú)論是結構或是設計，都可以隨時(shí)替換與修改，不需要再在混雜著(zhù)信息與設計的代碼中進(jìn)行修改。

　　7 更良好的用戶(hù)體驗

　　表現與內容分類(lèi)的設計要求我們充分理解網(wǎng)站信息的具體構成以及如何設計好的樣式可以重用，使我們在設計與制作網(wǎng)站時(shí)能夠充分地對網(wǎng)站的內容、設計統一性、可用性進(jìn)行思考與設計，從而提高網(wǎng)站的可用性，改善用戶(hù)體驗。

　　結語(yǔ)

　　符合Web標準的網(wǎng)站設計還有更多優(yōu)勢，在使用Web標準進(jìn)行設計與規劃的過(guò)程中，將能夠逐步感受到，眾多網(wǎng)頁(yè)設計師在選擇Web標準進(jìn)行設計與規劃的事實(shí)更加證明了其價(jià)值。

　　目前Web標準已開(kāi)始普及成為一種趨勢，符合Web標準的網(wǎng)站設計正在潛移默化地改變著(zhù)我們的瀏覽體驗，也改變著(zhù)我們在日益增廠(chǎng)的互聯(lián)網(wǎng)上的表現形式。

【web標準網(wǎng)頁(yè)的好】相關(guān)文章：

淺談Web標準真的是標準嗎01-23

web標準常見(jiàn)問(wèn)題10-10

WEB教程標準應用標簽10-19

web網(wǎng)頁(yè)開(kāi)發(fā)筆小知識06-22

如何用Dreamweaver批量做web網(wǎng)頁(yè)詳細步驟09-17

“好父親”的11條標準01-15

Web Workers加速移動(dòng)Web應用07-01

孩子眼中“好爸爸”的八個(gè)標準09-04

如何分析好軟文的三個(gè)標準10-16

web瀏覽創(chuàng )作效果精選08-01