Re: [問題] 不使用table的原因..?

[clifflu ( [ 超 宅 ])]

※ 引述《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
→ HiroshiKen:內文第三段的部分似乎有些不正確？
→ HiroshiKen:font tag 也是語意不明的tag
→ HiroshiKen:應該是改採strong, em的語意式tag吧？　還是我錯了 呃
→ clifflu:以 font 標簽設定 CSS，我個人以為是和 div 等類似的做法
→ clifflu:至於若是 <font color=...> 這就落入魔道了 XD
→ clifflu:使用 strong/em 等具意義的 tag 當然是更好的方式囉 ^^;
推 othree:要用<span style="color: blue;">XD</span>