DIV+CSS基礎教程：DIV+CSS的叫法是不準確的

第一章：應知道

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

我想凡是來到“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，我對這種頁面配置方法非常瞭解！……

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

出自：CSS學習網