1.一個網(wǎng)頁可以簡單的分為三個部分：HTML——結(jié)構(gòu)，CSS——表現(xiàn)，JavaScrip——行為。內(nèi)容和樣式的分離，就是指在網(wǎng)頁編碼的過程中，要將HTML和CSS兩大部分分開。寫HTML的時候先不管樣式，重點放在HTML的結(jié)構(gòu)和語義化上，讓HTML能體現(xiàn)頁面結(jié)構(gòu)和內(nèi)容；然后進行 CSS 樣式的編寫，減少 HTML 與 CSS 契合度（即內(nèi)容與樣式分離） ；寫JS的時候，盡量不要用JS去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化（即行為分離）。
- 樣式與結(jié)構(gòu)分離的優(yōu)點：
瀏覽器加載網(wǎng)頁頁面速度變快。分離原則下，頁面樣式的代碼寫在了CSS當中，頁面體積容量變得更小。
修改網(wǎng)頁樣式時，更有效率、更省時間。根據(jù)html標簽內(nèi)ID或class的標記，到CSS里找到相應的ID或class，可以快速替換指定位置的樣式，不會破壞頁面架構(gòu)和其他部分的樣式。
可以確保網(wǎng)頁都能平穩(wěn)退化。具備CSS支持的瀏覽器固然可以把網(wǎng)頁呈現(xiàn)的美輪美奐，不支持或禁用了CSS功能的瀏覽器同樣可以把網(wǎng)頁的內(nèi)容按照正確的內(nèi)容結(jié)構(gòu)顯示出來。
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
- 文檔結(jié)構(gòu)與文檔樣式的分離可以確保網(wǎng)頁的平穩(wěn)退化，也讓內(nèi)容和樣式在可以分開獨立編輯。
