DIV+CSS網(wǎng)頁制作這種叫法不準(zhǔn)確

2024-07-11 09:03:19

字體：大中小

供稿：網(wǎng)友

武林網(wǎng)(www.survivalescaperooms.com)文章簡介：DIV+CSS的叫法是不準(zhǔn)確的.

DIV+CSS的叫法是不準(zhǔn)確的

我想凡是來到“CSS學(xué)習(xí)網(wǎng)”的同學(xué)，很大部分是沖著DIV+CSS來的，目的就是學(xué)習(xí)DIV+CSS的，說的再直接一些就是學(xué)習(xí)如何用DIV+CSS布局頁面，如何從一張圖片制作成標(biāo)準(zhǔn)的DIV+CSS頁面。

      如果你看完第一段還沒有發(fā)現(xiàn)錯誤的話，那你就很有必要，接著往下看。

   DIV+CSS這種叫法其實是一種很錯誤的叫法，這是國人一廂情愿的叫法，而標(biāo)準(zhǔn)的叫法是什么呢？
呵呵，沒錯，是xHTML+CSS，不理解吧，我來細(xì)細(xì)給你說，如果下面的你能理解，保證面試的時候會有很大的幫助，同時也可以讓你后面的學(xué)習(xí)更輕松。

   為什么國人將這種頁面布局的方法叫做DIV+CSS？
   因為過去布局頁面基本上都是用Table布局，也可以說是Table+CSS，而現(xiàn)在布局頁面呢，用DIV，所以叫DIV+CSS，聽起來也挺合理，認(rèn)為這樣布局出來的頁面也就是標(biāo)準(zhǔn)頁面，甚至有些人走了個極端，看到其他網(wǎng)站用到Table，就會嘲笑頁面做的不夠標(biāo)準(zhǔn)，好似用不用Table成為了頁面是否標(biāo)準(zhǔn)的一個標(biāo)尺。現(xiàn)在我可以告訴大家，凡是有著這種行為的，都學(xué)得不咋樣，很皮毛！

   用了Table頁面就不標(biāo)準(zhǔn)了?!純粹無稽之談，那什么才是標(biāo)準(zhǔn)頁面呢？先看一個專業(yè)概念，WEB標(biāo)準(zhǔn)，然后我會問三個問題，你來回答：

WEB標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對象模型（如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)。

看明白了沒有？問題來了~先不要看答案，從上面的概念中找出

問題一：WEB標(biāo)準(zhǔn)有幾部分組成？
問題二：結(jié)構(gòu)化標(biāo)準(zhǔn)語言是什么？
問題三：表現(xiàn)標(biāo)準(zhǔn)語言是什么？

答案一：三部分，結(jié)構(gòu)、表現(xiàn)、行為
答案二：XHTML和XML
答案三：CSS

      看完上面三個問題，哪什么是標(biāo)準(zhǔn)頁面呢？呵呵，說白了就是按照WEB標(biāo)準(zhǔn)制作的頁面，從第二個問題和第三個問題中，我們又可以說，用XHTML和CSS制作的頁面就是標(biāo)準(zhǔn)頁面，也就是說xHTML+CSS制作的頁面就是標(biāo)準(zhǔn)頁面。怎么樣，理解了吧

   為什么不說XML+CSS呢？
   很簡單，因為XML過于復(fù)雜，且當(dāng)前的大部分瀏覽器都不完全支持XML。所以就不用它來布局頁面嘍~

   既然xHTML+CSS制作頁面就是標(biāo)準(zhǔn)頁面了，又因為xHTML中不只有DIV標(biāo)簽，還有span、p、a、ul、li、dl、dt、dd….，即使我不用DIV，用其他標(biāo)簽(比如:ul、li)制作出來的頁面也是標(biāo)準(zhǔn)頁面！所以說用DIV+CSS來制作標(biāo)準(zhǔn)頁面這句話就很狹隘嘍~如果滿屏全部都是DIV那也算不上標(biāo)準(zhǔn)頁面，曾經(jīng)由一個朋友告訴我，說他的頁面全部用的DIV，每個模塊，每個功能區(qū)域，就連一條線都是純DIV實現(xiàn)，并且相當(dāng)自豪的告訴我，沒有人比他做的頁面更標(biāo)準(zhǔn)的了，他不但對WEB標(biāo)準(zhǔn)頁面的理解有差錯還犯了一個很大的錯誤，xHTML中的每一個標(biāo)簽都有其作用，各司其職，各守其責(zé)，要用的恰到好處，這才算是標(biāo)準(zhǔn)頁面，DIV不是萬能的喲~！

說到這里大家應(yīng)該明白，這種Web2.0時代的布局頁面的方法，叫DIV+CSS是不準(zhǔn)確的，應(yīng)該叫xHTML+CSS。

   凡是看到這節(jié)的同學(xué)們，以后盡可能說xHTML+CSS，不要再說DIV+CSS嘍，如果非要說，也要加上一句說明喲，比如

面試官：你對DIV+CSS了解么？
應(yīng)聘者：DIV+CSS準(zhǔn)確的說應(yīng)該叫xHTML+CSS，我對這種頁面布局方法非常了解！……

如果你是面試官，你對這個應(yīng)聘者，感覺如何呢？呵呵呵

上一篇：CSS初學(xué)者入門:使用table布局網(wǎng)頁不明智

下一篇：CSS寫法:不同組合間的優(yōu)先級及瀏覽器的支持性