web標準主要強調的是一個網站的結構,樣式,行為。這三者在網站進行編寫的時候應該盡量做的分離，從而達到結構清晰，易于閱讀，易于維護的目的。那么我們又該如何進行分離呢？
其實答案就是按結構，樣式，行為來分，哈哈。而更具體的說就是將所有html代碼放在html文件中，將css代碼放在css文件中，將js代碼放在js文件中。接下來，進一步闡明三門語言各自的職責。
HTML：HTML作為整個頁面的骨架。負責的對整個頁面內容的進行合理的組織，同時通過語義化的標記使得頁面的內容易于讀者閱讀，利于SEO。應該做到的點：
1.結構良好：良好的結構將有利于頁面的拓展，且會影響到后續CSS，JS代碼的質量，推薦篇文章
2.做到標簽的語義化：例如如果是標題那么請記得用h1-h6,如果是語氣的加強請使用strong.我覺得這方面有個很好的入口點就是設想你的頁面是為“盲人閱讀者而寫”的。而盲人是無法看到樣式的加粗來得知該內容的強調的內容。其對該內容為強調是通過閱讀機來語氣的加強來得知的。而閱讀機則是想搜索引擎一樣是通過標簽的語義來進行判斷的
3.標簽字母要小寫
4.標簽要閉合
5.標簽不允許隨意嵌套CSS:CSS主要是負責頁面的樣式，使得頁面的不至太過于單調乏味，也是頁面的的內容布局更為優美，給訪問者以美感。
JS:javascript使得頁面具有具有動態性，交互性。想想各種鼠標hover時的想過，輪播圖。可知js使得頁面更加的豐富多彩。另一方面，js也是得一些例如表單檢驗的工作可以提前在客戶端完成，進一步提升了用戶體驗。
最后，想強調一下我在《DOM編程藝術》中get到的一個思想，"平穩退化，漸進增強"。具體的闡釋是這樣的：
1.漸進增強:先實現最基本的頁面功能，然后在此基礎上進行優化，使得頁面的行為更加的豐富，進而提高用戶體驗。
2.平穩退化:通常我們都會通過js來實現某種效果，從而達到提高用戶體驗的目的。但試想如果用戶瀏覽器禁用了js，頁面的最基本用能是否還能使用？如表單的填寫，內容的展示。
其中有一個例子至今印象深刻，對于注冊登錄時。通常我們都是提供一個登錄或注冊按鈕。然后檢測按鈕的click事件，并將form表單設置為display:none;用戶的瀏覽器無法使用js想想是否該網站的登錄，注冊功能便變得無法使用了。而作者提供的解決方法是用a作為按鈕。設為<a href="login.html">登錄</a>,而在js中通過hack登陸按鈕的click事件來達到能用js時，點擊登陸按鈕彈出登陸框的效果（當然在click事件發生時會通過阻止默認事件使得頁面不跳轉），而當js不能使用時，也能通過跳轉單獨的登錄頁面進行登錄功能的使用。書感覺還是挺好的，尤其是里面的思想，建議有空找來閱讀閱讀。
