為何網頁要用 W3C Standard？什麼是 W3C？

W3C 全名是 World Wide Web Consortium，根據維基百科對 W3C 的描述，其中文翻譯是「全球資訊網協會」是由網際網路發明人 Tim Berners-Lee 所創辦的。

成立的宗旨與目標是：

為解決web應用中不同平台、科技和開發者帶來的不相容問題，保障Web資訊的順利和完整流通，全球資訊網協會制定了一系列標準並督促 Web 應用開發者和內容提供者遵循這些標準。標準的內容包括使用語言的規範，開發中使用的導則和解釋引擎的行為等等。W3C也制定了包括XML和CSS等的眾多影響深遠的標準規範。

簡單的說，沒有 W3C 的大方向與檔案格式標準規範，就不會有今天的網際網路。如果各家廠商都發展自己的協定，那網路瀏覽器也會是各家稱霸，瀏覽 A 網站就要用 A 網站專屬的瀏覽器，觀看 B 網站就要開啟 B 網站專用的軟體；網路的發展型式將會與今日完全不同。W3C 不但制定了網路發展的各種通訊協定，更囊括了各種通用檔案如：HTML、CSS 等等。

符合 W3C 的重要性，其實就在於能夠讓網頁上的資訊 (Content)、版面 (Layout) 能夠在各種作業系統平台、瀏覽器上能夠獲得一致的顯示結果。雖然目前大部分主流的瀏覽器如 Firefox 3.5、Safari 4、Internet Explorer 8、Oprea 9 等等都已經支援 W3C 的標準，但是為了許多特定需求所開發出來的語法，這些瀏覽器還是必須容許這些錯誤，讓網頁能夠顯示出來。W3C 亦提供了許多網頁檔案的驗證如 HTML 驗證、CSS 驗證、RSS 驗證等，透過這些驗證，網頁設計師得以知道如何改善網頁編寫架構，來得到更通用的呈現效果。

W3C 雖然制定了規範與驗證，但是這些是提供給網頁設計人員的建議，希望我們儘可能的符合規範，並不是絕對的標準。因此，許多知名的網站都為了商業利益或頁面效果需要，嵌入了許多未能通過驗證的語法，瀏覽器也都支援，但我們在編寫網頁時，還是必須要儘可能的符合 W3C 的規範以及不同瀏覽器支援的問題。

關於 W3C 規範支援重要性的案例，最經典的就是之前吵的沸沸揚揚的「IE6 must die」案例。IE6 不僅無法支援現下的 W3C 語法標準，在網頁的處理引擎上更是遠遠的落後許多年；但因為台灣一般使用者普遍認知錯誤，而系統又內建 IE，演變成政府與企業網站從許多年前的「推薦使用 IE6」到今天的「IE6 Only」網站。其原因 IE6 所支援的規範已經過時，當下的新興瀏覽器反而無法正確的顯示或執行當年符合 IE6 的網頁或程式。

哪些網站更應該符合 W3C？

首先是政府與公家機關，我們的政府大力的鼓吹國際化與資訊教育的政策下；外包出去做的政府公家機關網站大多不符合 W3C 的網頁標準，也不會去考慮瀏覽器相容，而更多的狀況是；以為全世界只有一種瀏覽器而形成 Internet Explorer Only 這種可笑的網站 (更別提那些 IE6 Only 的網站了！)。雖然非 PC 使用者的佔有比率在以前的確不值一提，但是 Apple Mac 與 Liunx 系統在近幾年的成長比率，已經足夠讓我們在開發網站時必須要考量到 none-IE 的使用者。

再來是金融銀行與電子商務這些牽扯到安全性與個人資料的網站，道理淺而易見；如果今天您使用的網站只支援過時的瀏覽器，您還能夠安心的將您的金錢信用資料、個人資料透過這樣過時的網站送出嗎？符合 W3C 規範與跨瀏覽器的支援，不僅能讓該企業單位穩固更多樣性的客源，且能夠提昇企業形象與自身企業的安全。只可惜大部分的台灣本地銀行都不夠高瞻遠矚.......

然後是教育單位與非營利組織，這類型的網站，也應該符合 W3C 的規範與跨瀏覽器支援。教育資源必須要開放，而不是以錯誤的示範告訴大家：「我們被 IE 壟斷囉！我們不符合 W3C！」敢問，台灣的資訊相關科系學生，知道 W3C 的有多少？非營利組織也該在同樣的原則下儘可能符合 W3C 規範，確保所有的網際網路使用者，都能夠正確的看到非營利組織所訴求的內容。

最後，就是中小企業與個人網站，其原因就是上述幾個重點的濃縮。難道您只希望用 IE 的人看到您的網站嗎？或是因為沒有符合 W3C 的規範與跨瀏覽器相容導致您的網頁在每台電腦、不同瀏覽器、不同上網平台上，看到都是不一樣的結果；諸如：破圖、欄位消失、背景不見等問題嗎？當然，不怕尷尬的一般使用者還是不會在乎的。

W3C 推行的問題，由於許多知名的大網站，如：Google、YouTube、Yahoo等，都不一定符合 W3C 規範了，要去要求上述的其他機關或是個人去符合 W3C 規範更是難上加難；關於更多的推行困難可以參考 Clement T 所寫的這篇。

雖然 W3C 並不是網際網路的標準，而只是一份規範與建議；但身為一個網頁設計師或是網頁相關設計人員，還是應該致力於符合 W3C 規範，讓網頁能夠在各種平台與瀏覽器上都能夠正確的顯示、讓網際網路的環境更友善。

W3C 商標版權由 W3C 協會所擁有，本重製圖像無任何商業利益。

WordPress 的 2.8 穩定版本 2.8.1 終於在 7 月 9 號發佈，可透過後台直接更新。

上個月的月中 WordPress 發佈了代號以著名的美國爵士樂喇叭手 Chet Baker 為名的 2.8 版本，強化了許多後台的功能，包含更方便的 HTML、CSS 標籤編輯器、直覺的佈景主題預覽、以及更方便的 Widget 管理介面與後台的介面速度提昇。但是版本 2.8 核心的修改導致了不少本身的臭蟲以及外掛的相容性問題。

而在等了約半個月後的版本 2.8.1 修正了許多我遇到的問題，諸如：後台 Dashboard 吃資源、RichEditor 常常墜毀導致寫文章很不爽，讓我覺得這終於是個穩定版本了。

最重要的是版本 2.8.1 修正了過去以來已經被發現的安全性問題以及重大的後台操作問題，官方建議立即升級到版本 2.8.1。

另外，官方的 blog 也預告了版本 2.9 將著重在多媒體功能的整合，可以到官方的 blog 去投票以及寫下自己的想法。我已經票選，且建議 flash 元件的插入在預設的編輯轉譯器中不應該使用 <object> 語法，原因在於語法完全無法通過任何一種 W3C 的網頁標準認證；所以如要嵌入 flash 物件必須用這篇 How to write valid XHTML while embedding Flash SWF objects 所修正的語法，方能正確的嵌入 flash 且通過驗證！

Greasemonkey 的中文翻譯是「油猴子」，是一隻非常強大的 Firefox 的外掛；在 Firefox 掛上這隻油猴子後，可以透過安裝各式各樣不同的開放式「語法腳本 User Script」去改變該網站的功能或介面。語法腳本的應用多是針對某網站去撰寫，所以 Greasemonkey 的語法腳本還包含了該應用在哪個網域的資訊。其原理就像是在原本的網頁上，硬掛上一組 Javascript ，大部分寫的好的語法腳本都能夠完美的與網站結合。

簡單來說，如果這網站本來存在有許多需要手動點選的才能放大的圖案，透過某些語法腳本套用在網頁上後，可以直接就 show 出大尺寸的圖片；又或者是透過語法腳本來強化網站的使用功能，或是讓修改版面，讓版面更加清爽。

Greasemonkey 的語法腳本通常都是為了強化網頁功能不足而被開發出來的，且其開放性的特色，編輯門檻較低，使用者也可以是開發者。

例如 flickr 就有許多的語法腳本可以安裝；透過這些語法腳本，可以讓瀏覽照片更加方便，諸如：自動換頁、頭像回覆、直接顯示拍攝資訊等等。也就是說語法腳本大多是真多單一網站去設計，所以 Firefox 上就有另一支外掛叫做 Greasefire 可以用來偵測該網站是否有支援的語法腳本可供安裝。

但是也有不少的語法腳本是通用的，通用的語法腳本適用於大部分的網站，透過 Javascript 去覆蓋原本網頁功能的應用，強化使用使用者介面。

雖然語法腳本的應用在 Wikipedia 上 Greasemonkey 的描述上有道德的爭議性。但是許多好用的功能可能是該網站的開發者永遠都不會做的功能，而持續有在開發、更新的語法腳本正提供了我們對網站介面與功能需求的另一個途徑。

另外，安裝許多數量的語法腳本一般來說是不會拖慢網頁瀏覽速度，因為他是到了瀏覽指定網站後才會生效，除非該腳本使用了大量需要運算的函數，或是腳本撰寫本身有 bug 才會引起不良反應。

目前 Greasemonkey 的社群功能介面並不是非常的好用，所以在這邊列出我常用的 Greasemonkey 的語法腳本，而本篇也會跟之前的 My installed list of Firefox Add-ons 這篇一樣，隨我使用的習慣與時間去做更新。

註：Greasemonkey 的技術在各瀏覽器都有相對應的解決方案，在 Firefox 上還有另一套 Stylish 外掛可以達到類似的效果，某些 Stylish 的語法腳本也相容於 Greasemonkey。

最後更新日期：2010-05-12

Google Reader UI Tweek 來自中國的 Shawn 所撰寫的，可以將 Google Reader 弄的乾乾淨淨，例如：不必要的連結、logo 等等。

Gmail Ad Killer 拔除 Gmail 廣告，並且增高行距，瀏覽更舒適！

AdSweep 輕量版的網頁廣告拔除器。

Download YouTube Videos as MP4 直接在 YouTube 影片觀賞頁面顯示出下載 mp4 按鈕。

Flickr - Yahoo 移除 flickr logo 上的 Yahoo...

Flickr - Multi Group Sender 在 flickr 單張照片上加入傳送到多個群組按鈕。

Flickr : Show all images by this user in this pool 在 flickr 上強制取的 Large 尺寸的照片，但是無法取得已經被擁有者限制的 Original 尺寸。

Flickr Buddy Icon Relay 在 flickr 上的回覆多加上頭像回覆功能，方便討論。

Flickr Title + Description Batch Tools 在 flickr 上可以大量整理照片標題與說明，一次輸入。

Flikcr Yahoo! 把 flickr 上怪異的紫色 Yahoo! logo 拔掉...

Fit Images 讓超出螢幕寬度的網頁圖面自動縮小到可全部看到的大小？

AutoPagerize 利用 AJAX 的技術，直接在同一頁上無止境的往下拉，可以不用按下一頁就一直看到後面的內容。再某些網站上會卡賽！

GPE 在 Google Reader 點選文章標題時，考以直接開啟開網頁，而不是 RSS。

Splash album viewer 及時、動態的在滑鼠移過有連結到大圖的小圖案上，直接顯示大圖，瀏覽相簿的好工具；但是在較慢的網路環境會 delay。

NoDelay 在某些需要等待倒數的免費下載空間，直接完成倒數，開始下載！已經失效！

YouTube HD Ultimate 直接把 YouTube 的影片頁面的影片大小調整到全螢幕，並把其他功能都摺起來。 在比較慢的電腦開起來反而會拖慢電腦速度，所以拔掉了。

Allow Password Remembering 讓一些因為安全性因素而每次登入都要輸入帳號密碼的網站支援記住帳號密碼，例如：Yahoo、Flickr 等。

Userscript Updater 由於 Greasemonkey 的插件寫的並不是非常完善，這個語法腳本可以讓使用者在連回 http://userscripts.org/時，自動檢查更新。

Endless Tweets 強化 Twitter 頁面的好用腳本。

FFixer 自定 Facebook 的顯示通知與部分頁面。

Facebook Purity 簡化 Facebook 頁面。

Facebook - Poke All 於 Facebook 中一次回撮你所有朋友。

Mobile01 image shower by wenjie 瀏覽 3C 論壇 Mobile01 可以直接 load 圖片。

EnableAutoLogin.uc.js 處理 Discuz! 系列論壇無法記錄帳號密碼。

其實這篇文章在上一個版本的 Rengised 已經發佈過，也在當時得到不少的迴響；以及這幾年的復古相機熱潮，這台相機在網路上的介紹也越來越多。但是為了把我防潮箱內的所有秘密都公開，不免俗的也要來介紹一下這台 1968 年由 Olympus 生產的經典街拍相機。

這台 Olympus Trip 35 算是我第一台從全球 eBay 上標到的傳統相機，由於賣方在米國，所以這台相機坐了半個多月的海運才到我手上。

說起這台相機的歷史，是在 70 年代 Olympus 專為家庭旅遊所開發出的簡易使用、免電池的攜帶型 35mm 相機。設計訴求是提供一般民眾購買的起，方便攜帶但又不失拍照的品質；當年廣告還以英國攝影師 David Bailey 為噱頭。其 14,800 日圓的便宜定價也創造了 20 年的長壽銷售期與 1,000 萬台的銷售成績。

14,800 日圓依照 1976 年的日圓對美金的匯率約莫是 48.73 美元，再依當時台幣匯率換算約是新台幣 1,950 元；當時台灣一碗牛肉麵約新台幣 2 元。

Olympus Trip 35 算是 Pen EE 家族的成員的外型改良，但是為全幅的 35mm 底片尺寸的傻瓜相機；主要規格較特別的賣點除了 40mm 的定焦鏡頭與最大光圈 F2.8 外，最好玩的特色就是在鏡頭正面搭載了一圈光能電池來驅動電子程式曝光測量，也就是說，這台電子程式測光相機的快門除了底片以外就不需要再裝電池就可以動作了。透過電子程式測光決定快門，Trip 35 的程式快門限定在 1/40 到 1/200 秒。

EE (electric eye, now known as "AE") 是由 Olympus 所研發的世界上第一個真正的電子測光技術；取代人眼的判斷，改由電子程序判斷光線來自動完成後續的快門、光圈等調整。

鏡頭上除了有選擇 ASA (ISO)  的功能外，在那個還沒有自動對焦的年代，Trip 35 採用了「區段對焦」，透過手動調整鏡頭內固定的 4 組焦距區段來完成對焦；鏡頭的對焦圈上刻有各個不同區段的對焦物件的小圖示。

另外測光與光圈模式由光電池來座墊子程序判斷；所以在光線不足的地方，這台相機的快門是無法按下的，強制按下的話，在觀景窗的地方也會有一個紅色的小塑膠片升起來警告光線不足。但是鏡頭的最底部附上一個光圈環，只要把它轉離「A」的範圍，就可以自定光圈同時解除光線不足的警告了。

雖然這台相機有近 40 年的年紀，鏡頭鍍膜多少有點老化，但是只要光電池模組還能動作，拍出來的照片依然動人。這台平價相機的色彩表現雖然不是非常迷人，但是具有 Olympus 的古典味道，透過 EV 與底片增減感的補償，還是可以拍出非常艷麗的照片。小巧的體積是隨身攜帶的好相機！

由於這台相機的銷售年份超長，加上 1,000 萬台的銷售量，要在拍賣市場入手的難度算是入門款。但是隨著本文開頭所言，近年復古風、Lomo 風成為流行，價格的哄抬程度自然不會太可愛。我 3 年前當時的入手價格約新台幣 800 元，清理內部與換底片室遮光海綿 800 元。

詳細規格參考

以下是這台相機實際拍攝的照片

Firefox 3.5 正式版終於在昨天推出了，而 Firefox 專屬的 Mozilla Add-Ons 網站，也一併改版強化了社群的使用概念！

這次 Mozilla 官方推出的 Mozilla Firefox Add-on Collector 最棒的地方就是提供了 Firefox 重度使用者的外掛管理的強化套件，聽起來很饒舌？其實就是 Add-Ons 的同步工具。把訂閱「Subsctiptions」與同步「Synchronize」兩大功能套用在外掛管理上，並整合早就有的 Mozilla Add-Ons 社群網站；讓使用者可以將自己常用的外掛整合起來，放到同一個頁面方便發佈給不同電腦間的安裝或是與其他使用者分享。

Mozilla Firefox Add-on Collector 提供了以下三個「甜蜜」的功能！

1. 推薦的收藏集：訂閱一個附加元件的收藏集，並在其發展時得到通知。如果您在建立收藏集，會留下空間讓你告訴大家為何您喜歡某個元件，並附下一些自訂內容。
2. 分享附加元件：提醒朋友您的新發現。選擇「發表給」後，您的朋友們就會接到由來源（就是您！）簽發而完善的附加元件相關訊息。
3. 從所有來源同步：多虧有了自動發表，可以在新的附加元件收藏集出現時通報，並提供保持最新狀態的鏈結。同步於裝置之間，讓所有您的瀏覽器都搭上您最新的收藏集。

對於我這種 Firefox 的重度使用者，Firefox 3.5 改善了裝了一堆外掛後的龜速以及全新的 JaveScript 處理與網頁處理引擎外；這個外掛與社群，真是打中了我的甜蜜點！之前整理的那篇 My installed list of Firefox Add-ons 也可以功成身退，直接導到我的自定收藏集了。

這個收藏集的設計，真的是該有的都有了；最後更新日期、使用者自定的推薦迴響、方便的同步與訂閱。

最後，分享我的常用外掛蒐藏集給各位！

https://addons.mozilla.org/zh-TW/firefox/collection/roca

在昨天 6 月 16 號，發現用了一陣子的 Firefox 3.5 Beta4 可以手動更新了，這次發佈的更新是最終的 Release Candidate 1；雖然比預計發佈的日期晚了約半個月，但是從這次Whats New更新資訊的頁面來看 (機器人已經進化完成，飛上天溜！)，如果沒什麼重大的 Bug ，正式版的發佈日期應該近了。

另外眼尖的設計師族群們，應該會發現 Firefox 3.5 的 Icon 悄悄做修正了，Alex Faaborg 在他的部落格發佈的最新版草案 Iteration 14 已經被運用到 Firefox 3.5 RC1 中了；修正幅度離 Firefox 3.0 時還不小，包刮狐狸的毛髮、顏色的細節、地球的光暈反射以及狐狸尾巴的火焰造型，預計正式發表前還會再做調整。

一般使用者比較會用到的功能大致上改善了：

1. This beta is now available in more than 70 languages - get your local version.
2. Improved tools for controlling your private data, including a Private Browsing Mode.
3. Better performance and stability with the new TraceMonkey JavaScript engine.
4. The ability to provide Location Aware Browsing using web standards for geolocation.
5. Support for native JSON, and web worker threads.
6. Improvements to the Gecko layout engine, including speculative parsing for faster content rendering.
7. Support for new web technologies such as: HTML5 <video> and <audio> elements, downloadable fonts and other new CSS properties, JavaScript query selectors, HTML5 offline data storage for applications, and SVG transforms.

包刮了無痕瀏覽模式、號稱最高效率的 JaveScript 處理引擎：TraceMonkey、更快的網頁處理引擎以及最新版 HTML5 與 CSS 的語法影片、聲音等支援。詳細資料可以到Release Note看，目前從 Beta4 用到現在，除了感受到 CPU、記憶體耗損量有明顯的改善外，在掛了 20 多個 add-ons 後的拖油瓶開啟與執行速度真的變快了！

新功能與瀏覽器的新概念可以參考 Moz-TW 的柏強所翻譯的顛覆網路35天系列。

add-ons的不相容問題，可以透過 Nightly Tester Tools 來跨越版本強制安裝；但是新版的這隻外掛裡面藏了一個爛瘡，就是原本按下 Ctrl + Shift + S 可以用來同步 Xmarks 的快速鍵，被 Nithtly Tester Tools 強制置換為一個沒啥用的截圖功能......解決方式是，跨越版本強制開啟所有外掛後，再將 Nithtly Tester Tools 給 disable 暫時關閉。我所使用的外掛清單定期更新於My installed list of Firefox Add-ons。

從今年七月中發佈的 2.6  版本至今快半年了，幾經波折的 WordPress 2.7 終於孵出來了！這次發佈還套用以當代最重要的爵士歌手之一的 John Coltrane 來命名的代號，搭配 HD 畫質的正式介紹影片推出；並且主打「全新設計」的革新後台，結合強大的 AJAX 套件來改善許多 2.6 後台的缺陷 、使用者能夠自定許多版面與使用習慣。新的後台完全考量了大螢幕的需求，能夠彈性的適應 HD 尺寸的解析度，官方所釋出的影片正是用 HD 的解析度來操作新的後台。

昨天才狠下心裝上 2.7 的 RC2 版本，測試了外掛的相容性，沒想到今天一早就看到正式版推出了。

外掛的部份；除了之前 dogg3h 所確認的 Simple Tags 無法使用外 (作者已經火速更新支援 2.7 了)，昨天的測試也發現了  Search Everything 這隻外掛會造成 WP 2.7 所發佈的新文章無法點擊進入獨立頁面 不能用or 這個字當做網址 slug。另外以往被列為必裝的幾個外掛，例如 Admin Drop Down Menu 以及 WordPress AutoUpdate，也因為 WP 2.7 的改進，可以順手拔掉了。(如果您喜歡 menu 在上方還是可以裝一下。)

另外除了安全性的測試，一般使用起來沒有多大的問題。相信這幾週會是 WP 磨拳準備推出小臭蟲的 2.7.1 的黃金時段！不急著嚐鮮的使用者可以再等等囉！

眾多人使用的 WordPress 更新到 2.6 版本啦！跟據官方公告瞭解，之後 2.5 版本似乎不再提供維護與更新 (只活了一咪咪個次版號......)。以後只提供 2.6 版本的維護與更新，所以就在結束今天的參觀行程後，更新！

從 RSS 看到好多擁有大量歷史文章量的部落客都打算先 hold 住，等著受災戶的出現。不過我對於這種版本的東西一向是很隨性。我的看法是：既然 WordPress 敢一躍到 2.6 版本就有它的道理，加上我並不會特別的去修改或是搞一些奇奇怪怪的程式，這是我一直以來對軟體版號的態度。

所以就下載看看在 WP 2.6 中那個機車的 tag 分裂問題有無改善，很遺憾的我在解壓縮後發現：官方似乎無意要修改這個它國語言的支援 bug；所以又參考了官方的修正解釋，預先修改了控制 tag 的兩個 php 檔案後再依官方的提示步驟升級。

2008-07-17 更新

很遺憾的，經過這兩天的發文測試 WP 2.6 的 tag 分裂 bug 無法使用這個修正方式，目前官方正在研究如何修正......

2008-07-18 更新

在 WordPress trac 與原本 fix 這問題的作者 "mtekk" 討論後，也看了另一位 Developer "ryan" 提供的其他類似問題參考，我測試了幾個小時。目前這問題還是無解......如果近期還是無解，我不排除將我 blog 所有的 tag 都改為英文。我會持續關注或尋找解決方式再分享給各位。

也因為之前資料損毀的慘痛經驗，這次升級我小心的備份了伺服器上的檔案以及資料庫；而升級過過程中並沒有什麼問題出現。這幾天再來寫 L.A. 日記，實驗看看有沒有什麼毛病。

這次我覺得最棒的新功能是：

1. 文章字數統計，經我觀察，在用了 more (繼續閱讀) 標籤後，字數統計顯示好像會有問題......只能偵測英文。
   
2. 文章修改歷史紀錄，可依照時間比對新舊版本、對照被修改的部份，也可回溯舊文章！
3. 可在圖片下方設定「圖片說明」，且內建版型非常好看。詳見下方補充。
4. 佈景主題可以在管理介面預覽套用後的效果，解決訪客尷尬。

其他更新與影片介紹，可以參考官方 blog 的公告。

2008-07-16 更新

關於第三點的「可在圖片下方設定「圖片說明」，且內建版型非常好看。」；後來發現 WP 2.6 有在 default 版型寫入這個新功能的 CSS，其他主題必須自行設計 CSS 才會顯示出校果。因為我的版型對 P 這個語法有距離設定，因此會變得非常醜......所以放棄使用。

2008-08-2 更新

修正本 blog 同名主題 CSS，目前可完整使用 WP 2.6 的 Caption 功能！