1、“节省代码”是营销手段,不是宗旨
“使用div布局可以比table布局节省更多的代码”,我在很多书籍和网站上见到过这句话。这句话本身是没错的,可以“节省代码”的确是网页标准化所带来的好处之一。然而切记,它只是“好处之一”,而不是“唯一好处”,更不是宗旨。“节省代码”更多的时候是我们用来说服那些顽固不化的老板的营销手段。网页标准化的唯一宗旨是“结构与表现分离”,而绝不是为了节省代码而节省代码。
2、ID是狙击枪,class是双刃剑
想要做好网页结构,id与class都是必须熟练掌握的,所谓“两手抓,两手都要硬”。ID就象狙击枪一样,可以帮助我们精准地定位要想要加载样式的元素;而class则是侠客的佩剑,信手拈来更加轻盈灵便,两者的结合能够实现结构良好且表现丰富的页面。然而现在有一种错误的观点,就是id完全可以用class来取代,事实上许多网页源代码也的确如此,打开来通篇class,找不到一个id
3、并不是所有的内容都需要div做“容器”
主菜单究竟是用<div id="mainnav"><ul>还是<ul id="mainnav">?这是一个博弈的问题。至今这个问题也没有人能够给出明确的答案,就连我也是如此。
4、工作上也做到“结构与表现分离”
关于这一点,网络上很多高手都是这样建议的,也就是先打开编辑器,把结构完整地写出来,再去CSS里写表现,而尽量不去动已经写好的结构。
5、CSS不是万能的,没有CSS也不是万万不能的
相比于CSS1.0时代,今天CSS可以完成更多的事情,然而需求永远是领先于技术的,CSS无法完成网页所有的表现层工作,有时候我们必须结合JS或者其他语言来实现一些效果。而另一些时候,用JS的方法比只靠CSS简单得多,并且代码结构更加良好——最典型的例子就是下拉菜单。