網頁標準

  • 12178
  • 0
  • 2010-06-28

摘要:網頁標準,Ⅰ

IE8計劃在3/20推出繁體中文版,並從4/30起透過Windows Update方式強迫強力部署;FROM:http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/03/06/dyan-radio-name-in-ie7.aspx

正在跑的網站可以設定 IIS讓 IE8以 IE7的相容模式執行:如何從 Server-side 指定 IE8 瀏覽器應使用的文件模式

嗯哼,IE好好的(?),為什麼微軟沒事要搞升級?IE6到 IE7的慘痛升級經驗猶然歷歷在目,現在又來了個 IE8,為什麼?因為網頁標準。

如果你知道現在的瀏覽器除了 IE,還有其它的選擇,像:FireFox, Chrome…,那大概有看過同樣的網頁在不同的瀏覽器卻長的不太一樣;如果你知道上網的裝置不只有 PC,還有 PDA、3G手機…,如果每一種裝置都要有專用的網頁…光想就累了。

這就是網頁標準的目標:相同的網頁可以在不同的環境、裝置裡被讀取,讀出來的結果、畫面都一樣。

網頁標準的第一步:Fix Your Site With the Right DOCTYPE!,DTD 對各瀏覽器的作用:browser explain dtd,瀏覽器判斷以正常模式或容錯模式執行Quirks mode and strict mode,正常模式或容錯模式對標準的支援程度。要再了解去 google拜一下求籤。

關於標準,常被提及的還有「結構、表現與行為」分離。簡單的說,html(.aspx)是結構、CSS是表現、JavaScript是行為。嗯…來個例子好了:

<body style="background: #e8ffe4" onload="documentLoad()">

這是不被推薦的寫法:body是結構標籤,style="background: #e8ffe4"是表現,onload="documentLoad()"是行為。

 

這樣寫有什麼缺點?或者說,「結構、表現與行為」分離有什麼優點?最明顯的差別是維護,其次是網路流量…現行瀏覽器對標準的支援程度還不高,或者說還不一致(…萬惡的 IE6),所以最重要的優點:畫面一致性,現在反而是個問題,但 IE正朝這方向前進,我覺得這是推 IE8最大的原因。

編輯時看到原始碼一堆<font>真是囧。

還眷戀著看似天下太平的 IE6嗎?也許在封閉的環境裡可以這麼做;但網頁就是要傳播、發佈內容啊!程式設計師應該要與時俱進呀!