id使用与网站结构

早期在使用表格式布局的网站设计时期，设计师们或多或少都使用了CSS技术对网站中的内容样式进行优化。在那个时期CSS也有部分应用，而且设计师也习惯对页面中的元素进行class的定义，早期的样式表中几乎全都是class选择符。大多数设计师从转到web标准布局之后，都会发现一个现象，就是在使用web标准的CSS布局网站之后，CSS中所用到的id似乎有增无减在不段增加，目前国内知名门户sina.com的首页CSS，sina.com的首页目前依然延用着传统表格式布局及代码设计方法，几乎都是class选择符，而另一个msn.com首页的CSS之中,id选择符占的比例要多一些。这种转变是在web标准网站开始普及后的一个潜在的变化，也说明了使用web标准来建议网站之后的一个问题，对于网站设计而言，我们已经由早期的面向样式的设计方法，转向了一种面向结构的设计方法。进一步说，使用符合标准的CSS布局模式，在无形的帮助我们对网站的页面结构进行标识与组合，网站设计师对页面中的元素、结构、位置，比以前看得更清楚，更容易进行设计与编码。

这样带来的好处不言而喻，我们在使用表格式布局的时候，关注的问题大多集中在如何设计一个满足我们需求的表格，将我们的元素按照我们设计中预想的的位置放进去，并把那些小地方用空格gif填充上。而在使用CSS布局的时候，在做XHTML之时我们考虑的是应该把哪些元素放在一起，怎么放，如何让他们组织起来更具合理性，更适合于后期的编码。编码思想上的转变使我们比往常更专注于结构的设计，网站比以前任何时代都更具条理性。 。

网站结构的优化为我们网站的开发降低了风险与成本，良好的结构更利于样式的设计，良好的样式设计带来是代码大量重用率，以及结构合理的XHTML及CSS，以帮助我们建设更轻量级的网站，这样的改变更是以后维护上的方便性，而对于网站推广来说，优化后的结构对于搜索引擎更利于抓取与分析，无形中增加了网站本身的利益。 。

作为喜欢编码的网站UI设计师而言，这样的改变也在间接着改变着他们在网站UI设计上的思考方式，由于CSS布局编码上的经验，为了后期结构编码及样式编码的工作，无形之中会主动将同一类型的元素分配到一个区域去，从而减少内容分配杂乱的形象，最终在UI设计中使网站中的元素及内容有序可循，可方便编码与维护。