DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV+CSS網頁制作這種叫法不准確
DIV+CSS網頁制作這種叫法不准確
編輯:CSS詳解     
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,我對這種頁面布局方法非常了解!……
      如果你是面試官,你對這個應聘者,感覺如何呢?呵呵呵
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved