為何網頁要用 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 協會所擁有，本重製圖像無任何商業利益。

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! 系列論壇無法記錄帳號密碼。

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。