网站制作使用div布局可以比table布局节省更多的代码,很多书籍和网站上见到过这句话。这句话本身是没错的,可以“节省代码”的确是网页标准化所带来的好处之一。然而切记,它只是“好处之一”,而不是“唯一好处”,更不是宗旨。
“节省代码”更多的时候是我们用来说服那些顽固不化的老板的营销手段。网页标准化的唯一宗旨是“结构与表现分离”,而绝不是为了节省代码而节省代码。因为网站边栏甚至主体内容的表现形式相同而采用统一的class,这样的确比分别命名id更节省代码,然而这样做的代价是代码失去了良好的结构。
失去良好结构的后果:
一、源代码没有了可读性;
二、网站增加了未知的维护成本。
试想,当某一块内容因为需要而作出表现形式的变动,例如链接的颜色等等,我们就不得不去修改页面源文件,增加额外的 class,工作量比起只需要调整id分组就大了许多。而且长此以往,结构将会越来越差,形成难以逆转的恶性循环。
出现在id的命名方面,也是网站制作者经常犯的错误。有些为了“节省代码”,而把主菜单命名为“mm”,二级菜单命名为“m2”,三级菜单为“m3”,结果严重降低了网页的可读性,使其他同事很难接手,图省事却累了自己。同理,文件及文件夹命名方面也不宜过简。笔者建议把图片都用“i”目录存放,个人以为并不可取,除非你能为这种高度缩写的目录结构撰写详细说明并保证每个相关人员都能理解和执行,否则只会给你自己增添不必要的麻烦。