新Web設計師時代看DIV+CSS創(chuàng)造神話

2022-08-30    分類: 網(wǎng)站建設

新Web設計師時代 看DIV+CSS創(chuàng)造神話

核心提示:這個時代DIV+CSS已經(jīng)創(chuàng)造著新的神話,不久的將來,也許你所訪問的互聯(lián)網(wǎng)將不再出現(xiàn)Table。

作為一個身處2008年末的Web設計師,你是否好意思承認自己的代碼中使用了Table,如果是,你是一個有勇氣的人,Web設計是個奇怪的行業(yè),你可以將自己的網(wǎng)站設計得像晚報的分類廣告,或者樓道里的開鎖廣告,但千萬別讓人知道你使用了Table,在你的源代碼中發(fā)現(xiàn)Table就像一個銷售被人掀起褲腳發(fā)現(xiàn)穿了白襪子一樣。

Table是如此丑陋,臃腫,哪怕只顯示一段簡單的內容,你也需要

這三個基本的標簽,每個標簽里面還要加上一堆亂七八糟的屬性,不像
,既簡單,又整潔,又時尚,它和CSS珠聯(lián)璧合,琴瑟和諧,它們構成最好的Box模型,他們象現(xiàn)實中的箱子,你把東西放進去,然后,很自由地對他們進行排列,厭煩了一種布局,沒關系,簡單地改動一下CSS定義,一種全新的布局便誕生了;不象Table,Table像食堂里的餐具柜,一排排,一列列,土里土氣,油膩膩的,象我們的父輩,邋遢,什么都往家里拿,胡亂堆在角落里,如果Div是小資,Table就是老三屆,他們不屬于這個時代。

也就是近幾年的事,至多不過三五年,W3C是一個人人都認為重要但人人都不喜歡的組織,他們的官方網(wǎng)站十分丑陋,我敢說平生沒見過這么丑陋的網(wǎng)站,但他們的網(wǎng)站是為數(shù)不多的可以通過全部W3C標準驗證的網(wǎng)站,這意味著,他們的網(wǎng)站在語法上,在結構上,在可訪問性上是好的,雖然依舊十分丑陋。不過這是笑談,W3C非常重要,否則微軟會把全體Web開發(fā)工程師帶到萬劫不復的境地,還好,Netscape死后,涅磐出Firefox,而Opera在Firefox橫空出世之后雖然沒得到任何好處,至少得到了精神上的支持,看到?jīng)],終于有大哥出來收拾你。喬布斯復出后,蘋果重返昔日的光芒,這時人們才知道世界上還有一個叫做Safari的瀏覽器,所有這一切加在一起,讓W3C真正有了存在的必要。

W3C說,Table可以用來容納文字,格式文字,圖片,鏈接,表單,以及其它Table。..但是,Table不應該單純用來做網(wǎng)頁布局(Tables should not be used purely as a means to layout document content),理由是,當Web被非可視化設備渲染的時候,Table會出現(xiàn)問題,他們指定是屏幕閱讀器以及盲文瀏覽器,另外,Table在大型顯示設備上會強迫用戶左右滾動,因此,Web設計者應該使用CSS而不是Table。參見W3CHTML4.01關于Table的定義。W3C說這段話的時候,是1999年12月24日,那時盡管CSS早已誕生,但并沒有多少人使用,最初的Web像一個在線版的文檔,并沒有成為現(xiàn)在這樣的平臺,不需要過多過多地考慮布局問題,隨著互聯(lián)網(wǎng)第一次泡沫的形成,涌現(xiàn)出大量的門戶網(wǎng)站,門戶網(wǎng)站是Table布局的始作俑者,因為他們的首頁比一整份報紙的所有版面拼接在一起還復雜,Table在這方面十分順手,結合colspan和rolspan,你幾乎能夠實現(xiàn)任何復雜的版面。

文章標題:新Web設計師時代看DIV+CSS創(chuàng)造神話
轉載來于:http://bm7419.com/news/194188.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿網(wǎng)站建設、動態(tài)網(wǎng)站、電子商務、自適應網(wǎng)站、服務器托管、網(wǎng)站建設

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

    <rt id="jv1rh"><small id="jv1rh"><style id="jv1rh"></style></small></rt>

      <rt id="jv1rh"><delect id="jv1rh"></delect></rt>
      1. <rt id="jv1rh"><small id="jv1rh"></small></rt>