CSS網(wǎng)頁(yè)布局與網(wǎng)站重構(gòu)是一種思想、理念_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
有這樣一個(gè)面試的故事:
面試官:你準(zhǔn)備在我們公司做些什么事情?(大致這個(gè)意思)
面試人:我準(zhǔn)備在公司做網(wǎng)站重構(gòu),把原來(lái)是table的頁(yè)面全部重構(gòu)成css+div的,...
面試官:不好意思,我們的網(wǎng)站都是css+div的,不需要重構(gòu)了。
面試人:...(無(wú)語(yǔ)了)
自從2004年阿捷翻譯了《網(wǎng)站重構(gòu)》這本書,網(wǎng)站重構(gòu)這個(gè)詞就慢慢的必成了css+div,甚至等同起來(lái),一些朋友把標(biāo)準(zhǔn)跟重構(gòu)也混淆了,css+div跟標(biāo)準(zhǔn)也混淆了。這里有很多誤讀的成份。
無(wú)可厚非《網(wǎng)站重構(gòu)》當(dāng)時(shí)給我們帶來(lái)了一場(chǎng)革命。我看過(guò)部分章節(jié),是本好書。可能是css,div,標(biāo)準(zhǔn)這些詞太過(guò)于頻繁,很多誤讀的人把網(wǎng)站重構(gòu)和css+div或者h(yuǎn)tml+css,css+div和標(biāo)準(zhǔn),標(biāo)準(zhǔn)和重構(gòu)都等同起來(lái),弄得到底什么是什么,誰(shuí)也說(shuō)不清楚。這書出版到現(xiàn)在已經(jīng)5年了,網(wǎng)站重構(gòu)到底要多久?
我個(gè)人認(rèn)為這本書始終圍繞這一個(gè)思想:使用WEB標(biāo)準(zhǔn)重構(gòu)網(wǎng)站。
21世紀(jì)初最大的IT冤案
由于2004年絕大多數(shù)網(wǎng)站是使用table布局的,我們知道table布局最大的壞處就是不利于結(jié)構(gòu)和表現(xiàn)分離,后期維護(hù)比較麻煩。而使用css和div能很好的解決這個(gè)問(wèn)題。table標(biāo)簽一直是W3C html的標(biāo)準(zhǔn)標(biāo)簽之一,為什么到了我們這里就拒絕使用了,table標(biāo)簽被抹殺是21世紀(jì)初最大的IT冤案。《網(wǎng)站重構(gòu)》這本書自始至終沒(méi)說(shuō)不能使用table標(biāo)簽,為什么到現(xiàn)在,頁(yè)面上出現(xiàn)一個(gè)table標(biāo)簽就說(shuō)這頁(yè)面是垃圾呢?可能跟中國(guó)革命的徹底性有關(guān)系。
什么是WEB標(biāo)準(zhǔn)
WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)主要由三部分組成:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。對(duì)應(yīng)的標(biāo)準(zhǔn)也分三方面:結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括XHTML和XML,表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS,行為標(biāo)準(zhǔn)主要包括對(duì)象模型(如W3C DOM)、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布,也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn),比如ECMA(European Computer Manufacturers Association)的ECMAScript標(biāo)準(zhǔn)。
而在阿捷的網(wǎng)頁(yè)設(shè)計(jì)師網(wǎng)站(相當(dāng)于《網(wǎng)站重構(gòu)》的官方網(wǎng)站)有這么一句話:
怎樣才是符合web標(biāo)準(zhǔn)?簡(jiǎn)單說(shuō)就是不用HTML+table來(lái)設(shè)計(jì)頁(yè)面,改用XHTML+CSS來(lái)實(shí)現(xiàn)。
可能這句話才是誤讀《網(wǎng)站重構(gòu)》的真正源頭,抹殺table的真正元兇。但是我相信阿捷他老人家的出發(fā)點(diǎn)是鼓勵(lì)大家使用XHTML+CSS來(lái)布局網(wǎng)頁(yè)。
《網(wǎng)站重構(gòu)》給我們帶來(lái)一場(chǎng)革命,同時(shí)也給我們帶來(lái)了災(zāi)難性的div+css泛濫
《網(wǎng)站重構(gòu)》給我們帶來(lái)一場(chǎng)革命是譯者預(yù)料之中的事情,同時(shí)也給我們帶來(lái)了災(zāi)難性的div+css泛濫是譯者始料未及的。現(xiàn)在人們都在談?wù)揹iv+css,談?wù)撛趺唇鉀Q瀏覽器兼容性問(wèn)題,一個(gè)頁(yè)面你就使用了div標(biāo)簽的有之,其實(shí)根本不存在div+css,是HTML+CSS。我問(wèn)一個(gè)朋友什么是em標(biāo)簽,他說(shuō)em是單位(css中度量單位),大家css都很精通了,html呢,基礎(chǔ)呢,結(jié)構(gòu)呢,語(yǔ)義呢?反正都是源代碼一看,都是div標(biāo)簽,就是好頁(yè)面。那你們把這個(gè)頁(yè)面裸奔一下,看看是什么,用Twinsen Liang 的話去看看小學(xué)語(yǔ)文書。
網(wǎng)站重構(gòu)到底是什么
網(wǎng)站重構(gòu)不是一種技術(shù),不是css+div,更不是標(biāo)準(zhǔn),網(wǎng)站重構(gòu)是一種思想,是一種理念。
引用WebReBuild.ORG 的話:當(dāng)前國(guó)內(nèi)的同行普遍的認(rèn)為:所謂的網(wǎng)站重構(gòu)就是“DIV+CSS”,想法固然極度局限。但也不是另一部分的人認(rèn)為是“XHTML+CSS”,因?yàn)椤癤HTML+CSS”只是頁(yè)面重構(gòu)。真正的網(wǎng)站重構(gòu)理應(yīng)包含結(jié)構(gòu)、行為、表現(xiàn)三層次的分離以及優(yōu)化,行內(nèi)分工優(yōu)化,以及以技術(shù)與數(shù)據(jù)、人文為主導(dǎo)的交互優(yōu)化等。
網(wǎng)站重構(gòu)到底要多久
重構(gòu)網(wǎng)站先重構(gòu)人,重構(gòu)你的理念,不要光光追求技術(shù),追求還原設(shè)計(jì)稿,追求瀏覽器的兼容性,重要的是基礎(chǔ)和理念。當(dāng)你真正了解什么是網(wǎng)站重構(gòu)的時(shí)候網(wǎng)站重構(gòu)也就真正開始了。
純屬個(gè)人觀點(diǎn),歡迎留言斧正。
面試官:你準(zhǔn)備在我們公司做些什么事情?(大致這個(gè)意思)
面試人:我準(zhǔn)備在公司做網(wǎng)站重構(gòu),把原來(lái)是table的頁(yè)面全部重構(gòu)成css+div的,...
面試官:不好意思,我們的網(wǎng)站都是css+div的,不需要重構(gòu)了。
面試人:...(無(wú)語(yǔ)了)
自從2004年阿捷翻譯了《網(wǎng)站重構(gòu)》這本書,網(wǎng)站重構(gòu)這個(gè)詞就慢慢的必成了css+div,甚至等同起來(lái),一些朋友把標(biāo)準(zhǔn)跟重構(gòu)也混淆了,css+div跟標(biāo)準(zhǔn)也混淆了。這里有很多誤讀的成份。
無(wú)可厚非《網(wǎng)站重構(gòu)》當(dāng)時(shí)給我們帶來(lái)了一場(chǎng)革命。我看過(guò)部分章節(jié),是本好書。可能是css,div,標(biāo)準(zhǔn)這些詞太過(guò)于頻繁,很多誤讀的人把網(wǎng)站重構(gòu)和css+div或者h(yuǎn)tml+css,css+div和標(biāo)準(zhǔn),標(biāo)準(zhǔn)和重構(gòu)都等同起來(lái),弄得到底什么是什么,誰(shuí)也說(shuō)不清楚。這書出版到現(xiàn)在已經(jīng)5年了,網(wǎng)站重構(gòu)到底要多久?
我個(gè)人認(rèn)為這本書始終圍繞這一個(gè)思想:使用WEB標(biāo)準(zhǔn)重構(gòu)網(wǎng)站。
21世紀(jì)初最大的IT冤案
由于2004年絕大多數(shù)網(wǎng)站是使用table布局的,我們知道table布局最大的壞處就是不利于結(jié)構(gòu)和表現(xiàn)分離,后期維護(hù)比較麻煩。而使用css和div能很好的解決這個(gè)問(wèn)題。table標(biāo)簽一直是W3C html的標(biāo)準(zhǔn)標(biāo)簽之一,為什么到了我們這里就拒絕使用了,table標(biāo)簽被抹殺是21世紀(jì)初最大的IT冤案。《網(wǎng)站重構(gòu)》這本書自始至終沒(méi)說(shuō)不能使用table標(biāo)簽,為什么到現(xiàn)在,頁(yè)面上出現(xiàn)一個(gè)table標(biāo)簽就說(shuō)這頁(yè)面是垃圾呢?可能跟中國(guó)革命的徹底性有關(guān)系。
什么是WEB標(biāo)準(zhǔn)
WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)主要由三部分組成:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。對(duì)應(yīng)的標(biāo)準(zhǔn)也分三方面:結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括XHTML和XML,表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS,行為標(biāo)準(zhǔn)主要包括對(duì)象模型(如W3C DOM)、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布,也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn),比如ECMA(European Computer Manufacturers Association)的ECMAScript標(biāo)準(zhǔn)。
而在阿捷的網(wǎng)頁(yè)設(shè)計(jì)師網(wǎng)站(相當(dāng)于《網(wǎng)站重構(gòu)》的官方網(wǎng)站)有這么一句話:
怎樣才是符合web標(biāo)準(zhǔn)?簡(jiǎn)單說(shuō)就是不用HTML+table來(lái)設(shè)計(jì)頁(yè)面,改用XHTML+CSS來(lái)實(shí)現(xiàn)。
可能這句話才是誤讀《網(wǎng)站重構(gòu)》的真正源頭,抹殺table的真正元兇。但是我相信阿捷他老人家的出發(fā)點(diǎn)是鼓勵(lì)大家使用XHTML+CSS來(lái)布局網(wǎng)頁(yè)。
《網(wǎng)站重構(gòu)》給我們帶來(lái)一場(chǎng)革命,同時(shí)也給我們帶來(lái)了災(zāi)難性的div+css泛濫
《網(wǎng)站重構(gòu)》給我們帶來(lái)一場(chǎng)革命是譯者預(yù)料之中的事情,同時(shí)也給我們帶來(lái)了災(zāi)難性的div+css泛濫是譯者始料未及的。現(xiàn)在人們都在談?wù)揹iv+css,談?wù)撛趺唇鉀Q瀏覽器兼容性問(wèn)題,一個(gè)頁(yè)面你就使用了div標(biāo)簽的有之,其實(shí)根本不存在div+css,是HTML+CSS。我問(wèn)一個(gè)朋友什么是em標(biāo)簽,他說(shuō)em是單位(css中度量單位),大家css都很精通了,html呢,基礎(chǔ)呢,結(jié)構(gòu)呢,語(yǔ)義呢?反正都是源代碼一看,都是div標(biāo)簽,就是好頁(yè)面。那你們把這個(gè)頁(yè)面裸奔一下,看看是什么,用Twinsen Liang 的話去看看小學(xué)語(yǔ)文書。
網(wǎng)站重構(gòu)到底是什么
網(wǎng)站重構(gòu)不是一種技術(shù),不是css+div,更不是標(biāo)準(zhǔn),網(wǎng)站重構(gòu)是一種思想,是一種理念。
引用WebReBuild.ORG 的話:當(dāng)前國(guó)內(nèi)的同行普遍的認(rèn)為:所謂的網(wǎng)站重構(gòu)就是“DIV+CSS”,想法固然極度局限。但也不是另一部分的人認(rèn)為是“XHTML+CSS”,因?yàn)椤癤HTML+CSS”只是頁(yè)面重構(gòu)。真正的網(wǎng)站重構(gòu)理應(yīng)包含結(jié)構(gòu)、行為、表現(xiàn)三層次的分離以及優(yōu)化,行內(nèi)分工優(yōu)化,以及以技術(shù)與數(shù)據(jù)、人文為主導(dǎo)的交互優(yōu)化等。
網(wǎng)站重構(gòu)到底要多久
重構(gòu)網(wǎng)站先重構(gòu)人,重構(gòu)你的理念,不要光光追求技術(shù),追求還原設(shè)計(jì)稿,追求瀏覽器的兼容性,重要的是基礎(chǔ)和理念。當(dāng)你真正了解什么是網(wǎng)站重構(gòu)的時(shí)候網(wǎng)站重構(gòu)也就真正開始了。
純屬個(gè)人觀點(diǎn),歡迎留言斧正。
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
猜你也喜歡看這些
- CSS調(diào)試工具M(jìn)ultipleIE-IE5IE6IE7多版本共存
- IE、Nascape環(huán)境中CSS的顯示差別
- CSS實(shí)例:區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack
- 用!important解決IE和Mozilla的布局差別
- CSS教程:CSS兼容的技巧
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- CSS的BUG:IE6中一個(gè)奇怪的現(xiàn)象!
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
- 區(qū)分IE6,IE7和firefox的CSS hack
- 兩個(gè)層之間的為什么會(huì)有間隙(IE3pxbug)?
- 相關(guān)鏈接:
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-CSS網(wǎng)頁(yè)布局與網(wǎng)站重構(gòu)是一種思想、理念。