網頁

JavaScript - Web標準

將網頁分離為三個部份,結構、表現、行為。

Structure, 結構

(X)HTML

傳統HTML的缺點:
  1. 維護困難
    為了修改某個標記格式,需要花費很多時間,越後期的修改、維護成本越高
  2. 標記不足
    HTML本身標記不足,HTML本身標記都是內容服務使用,關於美工、排版根本很少或沒有支援
  3. 網頁過胖
    傳統網頁除了包含HTML外,還加上CSS、JavaScript,最後還會加上動態程式語言,除了維護困難,頁面往往過於胖大,浪費許多頻寬。定位困難HTML在定位時就顯得捉襟見肘,過多的<table>也導致頁面的複雜和後期維護的困難

Presentation, 表現

CSS

Behavior, 行為

JavaScript

對網站瀏覽者的好處

  1. 檔案下載、頁面顯示更快
  2. 內容能被更多使用者訪問(含殘障人士)
  3. 內容能被更多設備訪問(PDA、智慧手機…)
  4. 使用者能透過CSS選擇自己介面風格
  5. 由CSS提供適合列印版本
  6. 對網站開發者的好處
  7. 更少的程式碼
  8. 更容易維護
  9. 頻寬要求更低
    例如ESPN.com使用CSS改版,每天節約超過2TB的頻寬
  10. 更容易被搜尋引擎接受,及更高的排名
  11. 改版方便(結構、表現、行為分離)
  12. 提高網站易用性

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。