DIV+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,我對這種頁面布局方法非常了解!……
如果你是面試官,你對這個應聘者,感覺如何呢?呵呵呵
Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |
留言列表