不知道有多少人看過這本 Bulletproof Web Design（無懈可擊的網頁設計）？本書主要是教大家用 XHTML 及 CSS 去設計一張無懈可擊的網頁。哪究竟甚麼是無懈可擊呢？

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

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

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

1.要加入一堆無意義的 <span> Tag。雖不能說這是違反 Web Standard （Span 本來就無特別意義），但讓 HTML 變得冗長難讀卻是事實。

2.相應地令 CSS 變得冗長複雜，日後維護工作變得麻煩。

3.原本一張圖片可以搞定的事情，現在要兩、三張圖才搞定。

4.以上各項都增加了網站的大小，拖慢了下載速度。

5.會改變文字大小的用戶肯定是少數中的少數。

6.internet Explorer 7 提供 Zoom 的功能，幾乎所有網頁在 IE7 下都是無懈可擊的。

7.有其他更好的方法去改變文字大小，例如 JavaScript。

8.無懈可擊的設計需要花上比一般網頁多兩至三倍的時間，而實在有太多的事情比無懈可擊更值得花時間了。

其實只要做到不影響基本瀏覽就好了。

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

文章轉載自Ka Yue