用web标准的一大好处是“表现和结构相分离”。 首先让我们来了解:内容、结构、表现和行为
1、内容
内容是指纯粹的数据信息本身,不包括任何辅助,例如装饰性图片等,举个例子
今天我在学习css布局,因为我要进行网站重构
2、结构
我们对内容进行格式化
时间:今天
事件:我在学习css布局
原因:我要进行网站重构
类似的标题,作者,章节,段落等都可以称为结构。结构使内容更加具有逻辑性,易用性。
3、表现
用于改变内容外观的东西,可以称为“表现”如下面进行了布置以后的呈现:
时间:今天
事件:我在学习css布局
原因:我要进行网站重构
传统的html代码中结构层和表现层是混杂在一起的,简单的还行,但是复杂的页面,遇到改版,那就麻烦。
首先你要在大量的table、td、中查找你要的信息
其次你需要一页一页的修改,严谨的设计师还要仔细的调节1px
.....
但是用了css布局以后,很多内容就只需要修改样式,节约不少功夫。
而且内容和样式就比较容易区别出来。
就如上面的页面我们就可以用xml这样来写
<时间></时间>
<事件></事件>
<原因></原因>
总体来说“表现和机构相分离的”的优点有:
1.数据的多样显示。通过不同的样式表适应不同的设备,做到内容与设备无关
2.保持整个站点的视觉一致性变得非常简单,修改样式表就可以轻松改版;
3.由于结构清晰,数据的集成、更新和处理更加方便灵活;
4.更有意义的搜索。
表现和分离的结果是不是很明显呢。如果还不觉得,那就是我的表述出了问题。
笔者将继续学习:)