無懈可擊的網站是指無論網頁在何種環境下，包括被禁止顯示圖片、停用JavaScript、無樣式（即無CSS）及字體大小被改後的瀏覽器下，網頁都不會殘殘破破、阻礙讀者閱讀。一般嚴格依照網頁標準制作的網站都能輕易做到前三項。但對於最後一項，幾乎所有網站在字體放大好幾倍後或多或少都會有些走樣，或者在 IE6 下跟本無法放大字體。

一個無懈可擊的網站應該是怎麼的樣子呢？請在宜家傢私的網站上試試放大瀏覽器的字體，你可以在工具列上的 View > Text Size 中調較。我第一次看到這種效果時，曾有一種驚艷的感覺。但再看真一下，發現原來它們並沒有嚴格遵照網頁標準去制作…所以呢，在整個網路上稱得上無懈可擊的網頁設計，大概只有 Yahoo! 一家而已。Yahoo! 的首頁在 Firefox 下可以放大 3 次，相等於 Internet Explorer 6 中的1 Largest Font Size。但無懈可擊的也僅僅是首頁，Yahoo! 內頁還是老樣子。

無懈可擊很難做到嗎？談不上難，但這是一項極花時間的工作：

• 需要加入一堆無意義的 <span> Tag。雖不能說這是違反 Web Standard （Span 本來就無特別意義），但讓 HTML 變得冗長難讀卻是事實。
• 相應地令 CSS 變得冗長複雜，日後維護工作變得麻煩。
• 原本一張圖片可以搞定的事情，現在要兩、三張圖才搞定。
• 以上各項都增加了網站的大小，拖慢了下載速度。
• 會改變文字大小的用戶肯定是少數中的少數。
• Internet Explorer 7 提供 Zoom 的功能，幾乎所有網頁在 IE7 下都是無懈可擊的。
• 有其他更好的方法去改變文字大小，例如 JavaScript。
• 無懈可擊的設計需要花上比一般網頁多兩至三倍的時間，而實在有太多的事情比無懈可擊更值得花時間了。
• 其實只要做到不影響基本瀏覽就好了。

總的來說，無懈可擊的網頁設計可謂多此一舉。當一個設計理念連 Yahoo! 這樣精益求精的大公司都覺得沒有意義的時候，這個理念大概可以被所有網路公司所忽略。

（全文完。碎碎念始。）

每次遇到可讀性極差的網頁的時候，一般家儒我都會直接用 Firefox 的 No Page Style 再 Ctrl ++ 放大字體。

但遇到一些設計不良又不開全文RSS的網站，例如 Mr.6 的 Blog，仍然會讓我很煩。都用到了 CSS 去排版了，為甚麼不把正文放到 Sidebar之上呢？無論在 SEO 還是 Web Standard 的角度去看都應該這麼做啊。我們提倡依 Web Standard 做事不是因為這個技術看上去很酷很 Web 2.0…

還是把提供個全文 RSS 吧。