【DIV+CSS入門教程】DIV+CSS的叫法是不准確的

1.1 DIV+CSS的叫法是不准確的

我想凡是來到「這個專題」的同學，很大部分是沖著DIV+CSS來的，目的就是學習DIV+CSS的，說的再直接一些就是學習如何用DIV+CSS佈局頁面，如何從一張圖片製作成標準的DIV+CSS頁面。

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

DIV+CSS這種叫法其實是一種很錯誤的叫法，這是國人一廂情願的叫法，而標準的叫法是什麼呢？
呵呵，沒錯，是xHTML+CSS，不理解吧，我來細細給你說，如果下面的你能理解，保證面試的時候會有很大的説明，同時也可以讓你後面的學習更輕鬆。

為什麼國人將這種頁面配置的方法叫做DIV+CSS？

因為過去佈局頁面基本上都是用Table佈局，也可以說是Table+CSS，而現在佈局頁面呢，用DIV，所以叫DIV+CSS，聽起來也挺合理，認為這樣佈局出來的頁面也就是標準頁面，甚至有些人走了個極端， 看到其他網站用到Table，就會嘲笑頁面做的不夠標準，好似用不用Table成為了頁面是否標準的一個尺規。 現在我可以告訴大家，凡是有著這種行為的，都學得不咋樣，很皮毛！

用了Table頁面就不標準了?! 純粹無稽之談，那什麼才是標準頁面呢？ 先看一個專業概念，WEB標準，然後我會問三個問題，你來回答：

WEB標準不是某一個標準，而是一系列標準的集合。 網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。 對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括物件模型（如W3C DOM）、ECMAScript等。 這些標準大部分由W3C起草和發佈，也有一些是其他標準組織制訂的標準，比如ECMA（European Computer Manufacturers Association）的ECMAScript標準。
看明白了沒有？ 問題來了~先不要看答案，從上面的概念中找出

問題一：WEB標準有幾部分組成？
問題二：結構化標準語言是什麼？
問題三：表現標準語言是什麼？
答案一：三部分，結構、表現、行為
答案二：XHTML和XML
答案三：CSS
看完上面三個問題，哪什麼是標準頁面呢？ 呵呵，說白了就是按照WEB標準製作的頁面，從第二個問題和第三個問題中，我們又可以說，用XHTML和CSS製作的頁面就是標準頁面，也就是說xHTML+CSS製作的頁面就是標準頁面。 怎麼樣，理解了吧

為什麼不說XML+CSS呢？
很簡單，因為XML過於複雜，且當前的大部分瀏覽器都不完全支援XML。 所以就不用它來佈局頁面嘍~

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

說到這裡大家應該明白，這種Web2.0時代的佈局頁面的方法，叫DIV+CSS是不准確的，應該叫xHTML+CSS。

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

面試官：你對DIV+CSS瞭解麼？
應聘者：DIV+CSS準確的說應該叫xHTML+CSS，我對這種頁面配置方法非常瞭解！ ......

如果你是面試官，你對這個應聘者，感覺如何呢？ 呵呵呵
好~！ 這節課就到這裡，下課！