內容與表現(xiàn)分離，從標準到國人重視那天起，就已經(jīng)討論了，但是停留在div+cssxhtml+css純代碼的分離，思想上流程上，到底如何分離？

古老的話題：一首古詩的分離

　　1.給你一首古詩，保存為毫無格式的一堆文字，你去理解它的內容，進行結構的處理。用word排版之后，他有了結構
　　2.這個結構其實包含了語義和表現(xiàn)
　　3.用html進行結構化，拋開一切的表現(xiàn)形式，只考慮語義
　　4.用CSS進行表現(xiàn)處理，包括html的默認表現(xiàn)，他擁有了視覺表現(xiàn)，這個表現(xiàn)體現(xiàn)出了結構化，也體現(xiàn)出了用戶體驗，用戶體驗中包含了交互的排版和視覺體驗
　　5.如果加上行為，比如點擊注釋序號，緩緩跳轉到注釋內容。

　　再看看css禪意花園
　　同樣是上面的5個步驟，形成第一版本的css禪意花園
　　而更多的模板提供者所做的工作是交互線稿+視覺設計。體現(xiàn)在網(wǎng)頁上就是CSS

　　可以看出從編碼角度來講
　　　第一步，內容處理為結構，純HTML的編寫
　　　第二步，結構處理為表現(xiàn)，純CSS的編寫
　　　第三步，給表現(xiàn)加上行為。

　　從流程的角度來講
　　　第一步，策劃文檔
　　　第二步，結構處理
　　　第三步，交互設計(交互樣式構建)
　　　第四步，視覺設計(視覺樣式構建)
　　　第五步，樣式構建

海外穩(wěn)定服務器

版權聲明：本站文章來源標注為YINGSOO的內容版權均為本站所有，歡迎引用、轉載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學習參考，不代表本站立場，如有內容涉嫌侵權，請聯(lián)系alex-e#qq.com處理。