Re: [討論] 關於表格排版和css排版!?

看板Web_Design作者 (骨頭)時間18年前 (2007/09/23 17:04), 編輯推噓1(101)
留言2則, 2人參與, 最新討論串2/23 (看更多)
※ 引述《book989 (相見時難別亦難)》之銘言: : 標題: [討論] 關於表格排版和css排版!? : 時間: Sun Sep 23 13:30:16 2007 : : = =a 因為這邊是網頁設計版 在這邊問應該可以吧 : 小弟 過去都是用表格來做為排版 : 但是最近試著接觸css 經驗還不是很充足 : 但也遇到一些疑問 : 什麼時候該用css配合div來排版 ? 在你的資料不是表列式的時候。 所謂的資料表就類似excel的格線那樣子, 做出來的資料是類似那樣子的時候用table較佳。 而且table也是可以搭配css的。 : 什麼時候又用表格來排版 ? : 在不熟css的情況 有些用表格排版做法好像比較快也比較簡單 那該怎麼取捨 ? @@a 一句話,端看資料跟環境。 : 另外就是 關於網頁在瀏覽器上運作方式 @@a 昨天看到一篇文章 : : --- 內容 --- : 由於寬頻已經逐漸成為主流, 因此許多開發者已經不再考慮要在一個瀏覽器中 : 花多少時間處理一個網頁的問題了。但是, 對於許多讀者而言, 您必須要記住 : 一點, 您還是有許多目標觀眾仍然使用撥號連線的方式瀏覽網站的。傳統的表 : 格式配置是導致網頁載入速度慢的主因。之所以會發生這種情形, 是因為瀏覽 : ^^^^^^^^^^ : 器在從伺服器接收網頁時, 必須先檢查並「瞭解」內含表格的複雜陣列。它必 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ : 須先找到最深層的內容, 然後一點一點仔細地往程式碼外層處理, 直到它抵達 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ : 最外層的容器, 即 body 標籤為止。只有在走完了這個旅程之後, 瀏覽器才能 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ : 夠開始處理螢幕上的內容。 : ^^^^^^^^^^^^^^^^^^^^^^^^ 簡單來說就是table必須讀完才會顯示, 不過這是對於複雜的(可能就內嵌圖片甚麼一堆耗資源的東西) 表格來說才有影響。 : --- 完 --- : 上面提到用表格排板,開啟速度慢的原因,是因為瀏覽器會從最深層的表 : 格開始看 @@a 真的是這樣子喔??? : : 因為過去都以為讀html和讀程式一樣 從左到右 從上到下。 : 謝謝解惑 是這樣沒錯,但是你知道畫面是邊讀邊顯示, 而不是讀完一次顯示,所以我們才需要onload這個函式, 這個地方會影響table先顯示的效果。 : : -- : ※ 發信站: 批踢踢實業坊(ptt.cc) : ◆ From: 60.249.215.142 → smile0052:顯示資料庫的檔案才用表格作排版 09/23 15:48 不見得。 → smile0052:其餘的網頁排版都是用CSS可以減少伺服器負擔速度也較塊 09/23 15:48 這部份還是要看css怎麼寫,別忘記.css檔也是需要載入的。 css最大的優點不在於讀取速度快,而是在於操作靈活跟方便置換。 目前的網站,畫面快慢取決於網頁元素的大小,做圖檔的切割, 還有伺服器回應的速度(init的時間),最後才是顯示的時間。 table也是可以用style跟class還有#id的,不要講的table好像就 不css一樣,適才適用才是重點。 --  ▄▅▆▇███▇▆▅▄▃        ╰┼╯─╮ ╮         ◥███████████◣       ╰┼╯=│=│         ◥██████───────    *. ╯  ╯ ╯ の 物 語 .*  ◥███████──────◣ ~ ◢◣             ◢◣  ◥██████───────◤   ◥◤  空白的世界.翼 ◥◤  ◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂telnet://tony1223.no-ip.info -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.117.160.191 ※ 編輯: TonyQ 來自: 59.117.160.191 (09/23 17:05)

09/23 17:06, , 1F
你看一堆網站首頁擺好幾MB的flash,哼哼 再怎麼快都快不起來
09/23 17:06, 1F

09/23 18:53, , 2F
嗯 再多一些經驗 可能就會更知道怎麼使用
09/23 18:53, 2F
文章代碼(AID): #16zYm5_Z (Web_Design)
討論串 (同標題文章)
本文引述了以下文章的的內容:
以下文章回應了本文
完整討論串 (本文為第 2 之 23 篇):
文章代碼(AID): #16zYm5_Z (Web_Design)