作者clifflu ( [ 超 宅 ])
看板Web_Design
標題Re: [問題] 不使用table的原因..?
時間Fri Dec 29 14:51:47 2006
※ 引述《idej (Jedi)》之銘言：
: ※ 引述《drlai (蘇打)》之銘言：
: : 請問
: : 最近看到網路上越來越多網站宣稱不使用table
: : 這是什麼理由呢？
: : table應該是標準之一吧？
: : 大家捨棄table改用div的用意為何？
: 把表格留給表格，也就是重視 <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 只不過是跨媒體中的一個部份 ^^;;
--
鬼壓床怎麼辦
騎上去啊
Blog: http://blog.roodo.com/clifflu/ Since October, 2006
Photo Galelry: http://clifflu.pixnet.net/ 內有笨犬 XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.61.72
1F：→ HiroshiKen:內文第三段的部分似乎有些不正確？ 12/29 15:18
2F：→ HiroshiKen:font tag 也是語意不明的tag 12/29 15:19
3F：→ HiroshiKen:應該是改採strong, em的語意式tag吧？ 還是我錯了 呃 12/29 15:19
4F：→ clifflu:以 font 標簽設定 CSS，我個人以為是和 div 等類似的做法 12/29 18:05
5F：→ clifflu:至於若是 <font color=...> 這就落入魔道了 XD 12/29 18:06
6F：→ clifflu:使用 strong/em 等具意義的 tag 當然是更好的方式囉 ^^; 12/29 18:06
7F：推 othree:要用<span style="color: blue;">XD</span> 12/30 12:58