设想这样一个情景来代替前面的例子,我们已经在一个包含100个文档的站点中用<img>标签编码了这些图标。这些图标匹配着整个站点各个的题目。几个星期后,站点的所有者决定更改这个站点的look and feel。新的图标和老的图标有着不同的规格。天哪!我们将需要回到所有的100个文档里面,去改变每一个<img>标签,来更新它的image路径。对于一个项目的预算,这额外所需的时间就会推迟原先的期限。时间就是金钱。
把那些非必须的,装饰性的图片保持在CSS文件中,就可以使得更改背景图片只需几分钟,而不再需要几天,整个站点可以立刻得到升级。你应该开始明白把结构层和表现层的标记分离开的力量了吧。