本篇內容介紹了“如何分離WEB標準中內容結構表現和行為”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
內容與表現分離，從標準到國人重視那天起，就已經討論了，但是停留在div+css xhtml+css 純代碼的分離，思想上流程上，到底如何分離？
古老的話題：一首古詩的分離
1.給你一首古詩，保存為毫無格式的一堆文字，你去理解它的內容，進行結構的處理。用word排版之后，他有了結構
2.這個結構其實包含了語義和表現
3.用html進行結構化，拋開一切的表現形式，只考慮語義
4.用CSS進行表現處理，包括html的默認表現，他擁有了視覺表現，這個表現體現出了結構化，也體現出了用戶體驗，用戶體驗中包含了交互的排版和視覺體驗
5.如果加上行為，比如點擊注釋序號，緩緩跳轉到注釋內容。
再看看css禪意花園
同樣是上面的5個步驟，形成第一版本的css禪意花園
而更多的模板提供者所做的工作是交互線稿+視覺設計。體現在網頁上就是CSS
可以看出從編碼角度來講
第一步，內容處理為結構，純HTML的編寫
第二步，結構處理為表現，純CSS的編寫
第三步，給表現加上行為。
從流程的角度來講
第一步，策劃文檔
第二步，結構處理
第三步，交互設計(交互樣式構建)
第四步，視覺設計(視覺樣式構建)
第五步，樣式構建
“如何分離WEB標準中內容結構表現和行為”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
