内容与表现分离,从标准再到大家重视,但是仍停留在div+css xhtml+css 纯代码的分离、思想流程上,到底如何分离?
一首诗的分离
1、假如给你一首诗,没有任何的段落标注,而是将虽有文字堆砌到一起,你将如何理解它的内容,如何进行结构的处理呢?也许你可以借助于word排版,这首诗才有了结构。
2、这个结构其实包含了 语义和表现
3、用html进行结构化,抛开所有的表现形式,单纯考虑语义
4、用css进行表现处理,包括html的默认表现,也就拥有了视觉上的表现,这个表现体现出了结构化,体现出了用户体验,用户体验包含了交互的排版和视觉体验
5、如何再加上行为,比如点击注释序号,缓缓跳转到注释内容。
从编码角度来讲
1、内容处理为结构,纯的HTML的编写
2、结构处理为表现,纯的CSS的编写
3、给表现加上行为。
从流程的角度讲
1、策划文档
2、结构处理
3、交互设计(交互样式构建)
4、视觉设计(视觉样式构建)
5、样式构建
以上内容虽说少了让人头疼的代码,但是并不代表这不是一篇技术分享,此文主要分享的核心点是WEB的标准,通过语言形式对编程的思维进行合理化的步骤整理。