作者kairosa (暗夜)
看板Web_Design
標題Re: [問題] 不使用table的原因..?
時間Fri Dec 29 18:25:06 2006
※ 引述《clifflu ( [ 超 宅 ])》之銘言:
: ※ 引述《idej (Jedi)》之銘言:
: : 把表格留給表格,也就是重視 <table> 的語意,
: : 只有在要表達資料表格的時候纔用 <table>
: : 另一方面,就是 table-based layout 比較沒有彈性。
: : (精不精確就是……另一回事了……)
: 我個人的解讀偏重在 "語意" 上
: 以目前 html/xhtml/CSS 的趨勢,是加強標簽 (tag) 與語意間的關聯性,
: 表現 (presentation) 則靠 CSS 處理。
: 也因此,有許多 "平常很少用" 的 tag,在早期 html 甚至不含特殊顯示方式的
: tag 如 acronym (希望沒記錯), code, quote 等,現在被大量推廣
: 而以往作為改變表示方式的標簽如 <i> <b> <u> 則被建議避免使用。
: 取代的方式是以 div, span (視 block 狀態) 或 font 標簽取代。
: frame 在許多情況下,能以 js 及 DOM 的 innerHTML 加以取代
: iframe 感覺上比較接近是 applet 的運作 :p (個人認為啦 XD 或是 cross-window)
: 從這樣的邏輯來看,不當的使用 table (別忘了它還有 thead, tbody, th 等
: 的子標簽) 來做版面編排,確實是有些怪異。
: 另外,近代 CSS (也許是 2.0+ ) 也對 media type 多加著墨,
: 希望使同樣的內容,能夠透過不同的表現方式 (css) 直接在各種媒體上以
: 適當的方式呈現 (ie. 手機,PDA,電腦螢幕,朗誦程式,印表機 等等等)
: 而非像目前主流的做個 "Printer friendly page" 的 link 給你點 ^^;
: 錯誤的使用標簽,會使得跨媒體頁面變得相當詭異。
: ---
: 不止是為了 AA 而已
: AA 只不過是跨媒體中的一個部份 ^^;;
現在講求不是用table而是用div
是有點物件導向式的設計網頁
這對網頁程式設計師來說
可以很輕易的針對某區塊某物件來設計程式
而不會因為可能要加一個區塊而網頁需要大修改
如果玩過photoshop就知道圖層吧...
div就相當於圖層可以一層層疊上去
這東西大家自己去摸看看吧...
只要熟了~妳就會發現它能發揮的創意不是table可以做到的...
最後一個用div來設計網頁的好處...
div可以用css控制也可以用javascript去控制...
所以...div所開發出來的網頁...
不需要改太多指令就可以不斷的創新風格...
大家可以去新浪blog看看...
新浪的創意總監規劃的,有很多不錯的技術大家可以去參考看看...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.130.22.144
推 clifflu:這嘛, table 也可以用 js 玩很大啊 :p 12/29 18:27
推 Kelunyang:其實表格網頁還是很多,只是CSS出來了大家可以自由選擇 12/29 19:19
→ Kelunyang:而已吧?不過不用表格的一個原因可能是因為對程式設計師 12/29 19:20
→ Kelunyang:來說用CSS改版型就像是Windows換佈景一樣簡單,不過另外 12/29 19:21
→ Kelunyang:一種看法是明明物件導向的網頁程式設計就可以用樣板引擎 12/29 19:21
→ Kelunyang:如Smarty來模組化網頁,所以表格還是CSS,只是選擇而已 12/29 19:22