第7章 紧凑而坚固的页面保证：以严格和混合的标记组成的结构

1. div和span

　　div和span元素，再加上id和class属性，提供了一个把结构添加到文档的通用机制；

　　div是一个“一个增加结构的通用机制”；

　　id和class的定义应该是有意义或元结构的名字，如果你养成习惯给一些页面核心组件命名，你就会抛弃从页面表现层进行思考和开发的习惯了；

　　一个id值必须以一个字母或者下划线开头，它不能以一个数字开头。W3C的校验服务可能不会捕获这个错误，而一些XML处理器可以。由于一些老CSS2.0实现中的限制，在class和id中使用下划线也不是好主意；

　　div配合有意义的id和class可以提供语义信息。

 

2. 混合布局和简洁的标记

　　使用表格并不等于垃圾代码，并且使用少量非结构化元素的混合布局完全不同于大多数站点还在使用的产生大量非必须的、冗余的、垃圾HTML代码方式；

　　不管是否结构化，任何元素必须由清晰、紧凑的标记和干净的CSS组成；

　　要小心divitis，不能滥用——使用div来替代那些适当的语义元素时（如用div替换p、h1）；使用大量divs代替table；

　　要小心classitis，警惕class的滥用——在表格混合结构中，大量使用class来代替font；

　　可以通过给table设置id属性来避免结合CSS的表格混合布局产生divitis和classitis；

 

3. 图片映射，图片切割配合表格都没有结构意义，可访问性差；

 

4. 表格布局可以被构建得更好，并且更精简，有更好的访问性及标准兼容，而CSS布局能够做的更多：减轻你的工作量和服务器的负载，分离结构和表现，以此来增加站点的扩展能力和应用。