如何設定網頁的 charset?

我們都知道每一個網頁都必須設定 charset 才能在瀏覽器上正確顯示文字,例如一個中文網頁使用 Big5 編碼,瀏覽器卻把它當成 UTF-8 來顯示,毫無疑問結果就是一堆亂碼。究竟瀏覽器是怎樣決定一個網頁的編碼?HTML4 和 HTML5 對此是否有規定?開發人員有什麼需要注意?

繼續閱讀

HTML5 3D 遊戲開發工具

在 Game Developer Conference 上,資深開發人 Lilli Thompson 介紹在 HTML5 平台上開發高質素 3D 遊戲所需的工具、技術、和知識,內容包括最新的 HTML5 API、編寫高效能的 JavaScript、除錯工具等。

繼續閱讀

SitePoint 發佈的 HTML 的參考手冊

SitePoint 發表了一份 HTML 的參考手冊,若果你正在編寫網頁,但不肯定所寫的是否正確的 HTML,這將會是一份很得心應手的參考資料。事實上好的 HTML 參考資料很難求,他們不是像 W3School.com 那樣只有簡單的列表,就是嚴重的不合時宜,SitePoint 這一份資料顯然下了不少功夫。

首先,它按照 HTML 各元素的用法分門別類羅列出來,還列出我們應該避免使用的已廢棄的元素和屬性,更有一份禁止使用的元素和屬性清單,因為它們不符合 HTML 的標準,此外有一篇有關 MicroFormat 的入門討論。更有意思的,是那兒還有語言編碼列表、Mime type 列表等,雖然不是直接與 HTML 相關,但對網頁設計人員來說都非常實用。

繼續閱讀

是時候放棄 Transitional DOCTYPES 了

Jack PickardAccessites.org 發表了一篇文章,建議大家以後在 HTML 中放棄使用 Transitional DOCTYPES。

HTML 的第一行是用來表示所使用的 HTML 版本,使用 Strict DTD 表示檔案中沒有「不建議使用」的 element 和 attribute,使用 Transitional DTD 表示裏面含有這些 element 或 attribute。對於一直有人倡議推廣 Strict DTD,部分人的回應是:「這是我的網站,我喜歡怎樣便怎樣。」

Jack 告訴我們不再使用 Transitional DTD 的理由:

繼續閱讀

主流網站濫用 DHTML 的經典範例

自從有了 JavaScript、CSS、DOM Scripting 等技術,無數網頁開發人員便費盡心思希望在 HTML 規範之外製作互動性更強的網頁,但有時這種努力換來的卻是一個無聊可笑的頁面。

Alex Walker 在 SitePoint 發表了一篇網誌,舉出了有名的 Art.com 藝術畫作銷售網站,這個網站經銷超過 30 萬幅畫作,網站的設計也非常專業,流暢明快的風格足以比美 Flickr。

但是 Art.com 缺乏那種令人一見難忘的魅力,他們的老闆可能想:「我付給那些開發人員那麼多薪金,他們總應該製作一些令瀏覽的人感到十分酷、十分刺激、甚至十分倒胃的視覺衝擊吧。」

繼續閱讀