WEB标准之内容结构表现和行为到底怎么分离
发布时间:2021-10-11作者:帝国建站网
内容与表现分离,从标准到国人重视那天起,就已经讨论了,但是停留在div+css xhtml+css 纯代码的分离,思想上流程上,到底如何分离?
古老的话题:一首古诗的分离
1.给你一首古诗,保存为毫无格式的一堆文字,你去理解它的内容,进行结构的处理。用word排版之后,他有了结构
2.这个结构其实包含了语义和表现
3.用html进行结构化,抛开一切的表现形式,只考虑语义
4.用CSS进行表现处理,包括html的默认表现,他拥有了视觉表现,这个表现体现出了结构化,也体现出了用户体验,用户体验中包含了交互的排版和视觉体验
5.如果加上行为,比如点击注释序号,缓缓跳转到注释内容。
再看看css禅意花园
同样是上面的5个步骤,形成第一版本的css禅意花园
而更多的模板提供者所做的工作是交互线稿+视觉设计。体现在网页上就是CSS
可以看出从编码角度来讲
第一步,内容处理为结构,纯HTML的编写
第二步,结构处理为表现,纯CSS的编写
第三步,给表现加上行为。
从流程的角度来讲
第一步,策划文档
第二步,结构处理
第三步,交互设计(交互样式构建)
第四步,视觉设计(视觉样式构建)
第五步,样式构建
相关建站知识
- 04-02帝国CMS用自定义列表来制作带分页的专题列表页(感觉很绕口)
- 12-27帝国CMS判断文章是星期几发布
- 03-02帝国CMS判断路径加样式教程
- 12-16帝国cms专题页面点击率统计代码
- 01-11帝国CMS调用最新会员的方法(头像+用户名+链接)
- 12-25帝国CMS内容页调用会员、投稿者用户头像等字段
- 12-08帝国cms解决tags中文地址的问题
- 05-12帝国CMS变量过滤函数
- 07-29帝国cms7.5会员投稿邮件通知管理员
- 06-29帝国CMS内容页获取图集图片数量代码
- 08-30帝国CMS灵动标签调用某个时间段的信息的代码写法!
- 09-06帝国CMS截取内容简介函数
- 03-22解决帝国cms官方结合项插件静态页classid为空导致无法找到页面问题
- 04-10帝国cms编辑器批量上传图片时在指定的文件中打开
- 04-26帝国CMS取消会员注册时候的邮箱必填
- 11-05帝国cms列表模板中smalltext内容简介字段去除格式化html代码
- 02-22帝国首页CMS灵动标签调用副表字段方法
- 02-10帝国CMS灵动标签调用相关文章的方法
- 05-06帝国CMS修改图片集一次只能上传10张照片的解决方法
- 06-17帝国CMS中[!--no.num--]标签的用法分析