WEB2.0標(biāo)準(zhǔn)教程:應(yīng)用WEB標(biāo)準(zhǔn)建設(shè)網(wǎng)站有什么好處?_Div+CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
我們大部分人都有深刻體驗(yàn),每當(dāng)主流瀏覽器版本的升級(jí),我們剛建立的網(wǎng)站就可能變得過時(shí),我們就需要升級(jí)或者重新建造一遍網(wǎng)站。例如1996-1999年典型的"瀏覽器大戰(zhàn)",為了兼容Netscape和IE,網(wǎng)站不得不為這兩種瀏覽器寫不同的代碼。同樣的,每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn),我們也需要制作一個(gè)新版本來支持這種新技術(shù)或新設(shè)備,例如支持手機(jī)上網(wǎng)的WAP技術(shù)。類似的問題舉不勝舉:網(wǎng)站代碼臃腫、繁雜浪費(fèi)了我們大量的帶寬;針對(duì)某種瀏覽器的DHTML特效,屏蔽了部分潛在的客戶;不易用的代碼,殘障人士無(wú)法瀏覽網(wǎng)站等等。這是一種惡性循環(huán),是一種巨大的浪費(fèi)。
如何解決這些問題呢?有識(shí)之士早已開始思考,需要建立一種普遍認(rèn)同的標(biāo)準(zhǔn)來結(jié)束這種無(wú)序和混亂。商業(yè)公司(Netscape、Microsoft等)也終于熟悉到統(tǒng)一標(biāo)準(zhǔn)的好處,因此在W3C(W3C.org)的組織下,網(wǎng)站標(biāo)準(zhǔn)開始被建立(1998年2月10日發(fā)布XML1.0為標(biāo)志),并在網(wǎng)站標(biāo)準(zhǔn)組織(webstandards.org)的督促下推廣執(zhí)行。
簡(jiǎn)單說,網(wǎng)站標(biāo)準(zhǔn)的目的就是:
● 提供最多利益給最多的網(wǎng)站用戶
● 確保任何網(wǎng)站文擋都能夠長(zhǎng)期有效
● 簡(jiǎn)化代碼、降低建設(shè)成本
● 讓網(wǎng)站更輕易使用,能適應(yīng)更多不同用戶和更多網(wǎng)路設(shè)備
● 當(dāng)瀏覽器版本更新,或者出現(xiàn)新的網(wǎng)絡(luò)交互設(shè)備時(shí),確保所有應(yīng)用能夠繼續(xù)正確執(zhí)行。
對(duì)于網(wǎng)站設(shè)計(jì)和開發(fā)人員來說,遵循網(wǎng)站標(biāo)準(zhǔn)就是使用標(biāo)準(zhǔn);對(duì)于你的網(wǎng)站用戶來說,網(wǎng)站標(biāo)準(zhǔn)就是最佳體驗(yàn)。
采用網(wǎng)站標(biāo)準(zhǔn)的好處
對(duì)網(wǎng)站瀏覽者的好處:
● 文件下載與頁(yè)面顯示速度更快;
● 內(nèi)容能被更多的用戶所訪問(包括失明、視弱、色盲等殘障人士);
● 內(nèi)容能被更廣泛的設(shè)備所訪問(包括屏幕閱讀機(jī)、手持設(shè)備、搜索機(jī)器人、打印機(jī)、電冰箱等等)
● 用戶能夠通過樣式選擇定制自己的表現(xiàn)界面
● 所有頁(yè)面都能提供適于打印的版本
對(duì)網(wǎng)站所有者的好處:
● 更少的代碼和組件,輕易維護(hù)
● 帶寬要求降低(代碼更簡(jiǎn)潔),成本降低。舉個(gè)例子:當(dāng) ESPN.com 使用 CSS改版后,天天節(jié)約超過兩兆字節(jié)(terabytes)的帶寬。
● 更輕易被搜尋引擎搜索到
● 改版方便,不需要變動(dòng)頁(yè)面內(nèi)容
● 提供打印版本而不需要復(fù)制內(nèi)容
● 提高網(wǎng)站易用性。在美國(guó),有嚴(yán)格的法律條款(Section 508)來約束政府網(wǎng)站必須達(dá)到一定的易用性,其他國(guó)家也有類似的要求。
如何解決這些問題呢?有識(shí)之士早已開始思考,需要建立一種普遍認(rèn)同的標(biāo)準(zhǔn)來結(jié)束這種無(wú)序和混亂。商業(yè)公司(Netscape、Microsoft等)也終于熟悉到統(tǒng)一標(biāo)準(zhǔn)的好處,因此在W3C(W3C.org)的組織下,網(wǎng)站標(biāo)準(zhǔn)開始被建立(1998年2月10日發(fā)布XML1.0為標(biāo)志),并在網(wǎng)站標(biāo)準(zhǔn)組織(webstandards.org)的督促下推廣執(zhí)行。
簡(jiǎn)單說,網(wǎng)站標(biāo)準(zhǔn)的目的就是:
● 提供最多利益給最多的網(wǎng)站用戶
● 確保任何網(wǎng)站文擋都能夠長(zhǎng)期有效
● 簡(jiǎn)化代碼、降低建設(shè)成本
● 讓網(wǎng)站更輕易使用,能適應(yīng)更多不同用戶和更多網(wǎng)路設(shè)備
● 當(dāng)瀏覽器版本更新,或者出現(xiàn)新的網(wǎng)絡(luò)交互設(shè)備時(shí),確保所有應(yīng)用能夠繼續(xù)正確執(zhí)行。
對(duì)于網(wǎng)站設(shè)計(jì)和開發(fā)人員來說,遵循網(wǎng)站標(biāo)準(zhǔn)就是使用標(biāo)準(zhǔn);對(duì)于你的網(wǎng)站用戶來說,網(wǎng)站標(biāo)準(zhǔn)就是最佳體驗(yàn)。
采用網(wǎng)站標(biāo)準(zhǔn)的好處
對(duì)網(wǎng)站瀏覽者的好處:
● 文件下載與頁(yè)面顯示速度更快;
● 內(nèi)容能被更多的用戶所訪問(包括失明、視弱、色盲等殘障人士);
● 內(nèi)容能被更廣泛的設(shè)備所訪問(包括屏幕閱讀機(jī)、手持設(shè)備、搜索機(jī)器人、打印機(jī)、電冰箱等等)
● 用戶能夠通過樣式選擇定制自己的表現(xiàn)界面
● 所有頁(yè)面都能提供適于打印的版本
對(duì)網(wǎng)站所有者的好處:
● 更少的代碼和組件,輕易維護(hù)
● 帶寬要求降低(代碼更簡(jiǎn)潔),成本降低。舉個(gè)例子:當(dāng) ESPN.com 使用 CSS改版后,天天節(jié)約超過兩兆字節(jié)(terabytes)的帶寬。
● 更輕易被搜尋引擎搜索到
● 改版方便,不需要變動(dòng)頁(yè)面內(nèi)容
● 提供打印版本而不需要復(fù)制內(nèi)容
● 提高網(wǎng)站易用性。在美國(guó),有嚴(yán)格的法律條款(Section 508)來約束政府網(wǎng)站必須達(dá)到一定的易用性,其他國(guó)家也有類似的要求。
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- 阻礙你學(xué)習(xí)CSS的因素思維的轉(zhuǎn)變HTML結(jié)構(gòu)化
- HTML結(jié)構(gòu)化續(xù):巧妙地使用CSS選擇器
- id與class區(qū)別-該用id還是用class呢?!
- 簡(jiǎn)繁體轉(zhuǎn)換功能 支持cookie記憶狀態(tài)
- CSS網(wǎng)頁(yè)布局:二列固定寬度居中
- CSS網(wǎng)站橫向?qū)Ш?/a>
- 十四個(gè)可以節(jié)省時(shí)間的CSS工具
- web標(biāo)準(zhǔn)中滾動(dòng)條顏色設(shè)置失效怎么辦?
- CSS下拉及多級(jí)彈出式菜單
- 如何應(yīng)用ul、li標(biāo)簽創(chuàng)建css橫向?qū)Ш讲藛危?/a>
猜你也喜歡看這些
- DIVCSS菜單:黑白灰?guī)в嘘幱靶Ч腃SS橫向菜單
- CSSFormExample:帶有小圖標(biāo)的清爽CSS表單設(shè)計(jì)!
- CSS布局實(shí)例:margin優(yōu)化的一種思路
- DivCSS實(shí)例:CSS菜單Flash效果用圖片模擬實(shí)現(xiàn)
- CSS菜單:明快清新的格調(diào)闡述CSS當(dāng)前頁(yè)效果的實(shí)現(xiàn)
- CSS布局實(shí)例:一個(gè)不錯(cuò)的表格樣式
- DIVCSS布局實(shí)例:一款漂亮的圖片切換效果(可以控制播放)
- CSS實(shí)例:區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack
- jquery模擬瀏覽器滾動(dòng)條效果
- CSS網(wǎng)站風(fēng)格設(shè)計(jì)實(shí)例HuDong123
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索WEB2.0標(biāo)準(zhǔn)教程:應(yīng)用WEB標(biāo)準(zhǔn)建設(shè)網(wǎng)站有什么好處?
- 教程說明:
Div+CSS教程-WEB2.0標(biāo)準(zhǔn)教程:應(yīng)用WEB標(biāo)準(zhǔn)建設(shè)網(wǎng)站有什么好處?
。