萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 電腦基礎知識 >  >> 電腦入門

初學 Web 標準常見四大迷思:驗證≠標準、DIV≠TABLE、ID 濫用、遇挫勿輕言放棄

欣見設計師關注 Web 標準,但從提問與作品發現四大迷思,特別提醒:

1. 非為通過驗證而標準化
Web 標準核心是結構 (內容) 與表現分離,將樣式剝離至獨立 CSS。好處:分別處理內容與表現、利於搜尋與內容再利用。W3C 驗證僅檢查 XHTML 寫法規範、CSS 屬性是否符合 CSS2 規範。通過驗證 ≠ 網頁標準化。目的在於提高開發效率、縮減檔案體積、確保跨瀏覽器/裝置正常瀏覽,而非虛榮炫耀。請沉下心理解標準內涵,勿將浮躁風氣帶入推廣工作。

2. 勿用傳統表格思維套 DIV
「CSS 版面配置 = 把 table 換成 div,巢狀 table 換巢狀 div」錯誤!
擺脫「一個 td 接一個 td 放圖片內容」的思維。正確思考:頁面僅有內容 (文字、有意義的圖片),無修飾時僅為白紙羅列結構。再引入表現:修飾性圖片做背景,用 CSS 定義每塊內容位置、字體、顏色。移除 CSS 後剩下乾淨內容,才能在文字瀏覽器、手機、PDA 閱讀,隨時修改 CSS 改版。

3. 不必為每塊內容建立 ID
有人抱怨 CSS 太大太複雜,檢視代碼發現每塊內容甚至每句話都建立 div + ID。原因:對樣式表不熟、未徹底理解標準。相同結構內容 (同級標題、正文、圖片) 應用同一樣式;多次引用用 class 非 id;非一定要用 <div>,<p> 同為區塊元素、擁有盒模型七參數,僅差浮動特性。為行高、間距、修飾圖片而額外加 div 無意義,隨著理解深入自會精簡。反對用 DIV 巢狀取代 TABLE 巢狀,無法體現內容結構化。請多鑽研 CSS,寫出最精簡有效的樣式表。

4. 別因小挫折輕言放棄
學習新知識、接受新觀念必有困難,尤其需改變習慣思維時。問自己:Web 標準值得學嗎?承認其帶來的好處 (簡化代碼、加速開發、壓縮體積、提速、易用性、獲更多用戶、易維護、多平台相容) 嗎?覺得 XML 還遠嗎?覺得現有 HTML 知識已足夠嗎?
自 1999 年國內網頁技術幾無進步 (除 Flash),國外卻不斷前進 (XHTML 1.0/1.1、XML、XSL…),W3C 與大廠持續推進。Web 標準推廣國外已 8 年+ (以 Zeldman 組織為起點),雖阻礙重重但逐漸被接受。為何我們仍沉醉表面「繁華」不思考本質?願意中國繼續落後?願意自己落後?決定在你自己。

copyright © 萬盛學電腦網 all rights reserved