細談WEB標準

阿豪聊乾貨發表於2016-03-08

  最近有些朋友很是疑惑web標準是什麼,我在這裡先做一個總結,有更好的見解的可以私信給我!

  首先切入正題之前先談一下什麼叫DOCTYPE,DOCTYPE是document type(文件型別)的簡寫,主要作用是用來說明你用的XHTML或者HTML是什麼版本。瀏覽器會根據你的DOCTYPE定義的DTD(文件型別定義)來解釋頁面程式碼,並展現出來。所以要建設符合web標準的網頁,DOCTYPE是必不可少的關鍵組成部分!

  接著我們來談下web標準的組成。

    Web標準主要有三部分組成:結構(Structure)、變現(Presentation)和行為(Behavior)。

    結構標準對應的主要語言是XHTML。

    表現標準對應的主要語言是CSS。

    行為標準對應的主要語言是JavaScript.

  製作一個靜態頁面,主要用到的就是XHTML+CSS,所以製作標準頁面的技術就是XHTML+CSS。

  採用Web標準建站的優點:

    1.提高頁面瀏覽速度,使用CSS方法,比傳統的web設計方法 要至少節約50%以上的檔案尺寸。

    2.縮短改版時間,將表現(樣式/外觀)和內容(資訊/資料)相分離。只需要修改幾個簡單的CSS檔案就可以重新設計一個擁有成千上萬個頁面的站點。

    3.降低網站的費用,頻寬要求降低(程式碼更簡潔),降低成本!

    4.更容易被搜尋引擎找到,提高站點在Google或者百度等上面的排名。

    5.內容能被更廣泛的裝置所訪問,包括螢幕閱讀機、印表機、手持裝置、搜尋機器人、電冰箱等等。

  一般網站站點的製作流程為:內容層---結構層---表現層---行為層。

相關文章