CSS语义化，模块化

语义化：

我一直使用的方法是，将页面样式去掉，看页面是否以一种文档格式显示，并且是容易阅读的。使用这个方式可以让你对“语义化”的理解在短时间内有所提升。当然有些标签在浏览器中并无具体的表现，或表现与其它标签一样，不过方便用户读取内容，不正是“语义化”的意义吗？

 

所谓语义化，就是尽可能的理解要表达的内容，选择适合的标签，将内容转换成浏览器认识的语言，通过浏览器传达给用户。从这个角度来说，我们更像是“翻译”。我们要做的还不只是简单的翻译，毕竟我们的“听众”并不是单一的。

目前来说，做语义化的确还不能体现出它的优点，可能的原因是：

• 除了专业的人外，没人会去看我们的标签是否使用得有语义
• HTML的标签还不足以表达所有可能的语义
• 语义化会需要增加一些额外的代码

HTML5新增的几个标签，更多的补充了目前HTML标签语义上的不足，这点也可以看出语义化是以后发展的一个方向，当然更大的目标是统一的实现标准，语义化只是为了这个目标所使用的一个方法。这可能需要相当的一段时间，而我们正经历着这个过程。

 

模块化：

模块化就是为了减少循环依赖，减少耦合，提高设计的效率。为了做到这一点，我们需要有一个设计规则，所有的模块都在这个规则下进 行设计。良好的设计规则，会把耦合密集的设计参数进行归类作为一个模块，并以此划分工作任务。而模块之间彼此通过一个固定的接口（所谓的可见参数）进行交互，除此之外的内部实现（所谓的隐参数）则由模块的开发团队进行自由发挥。
程序模块化的目的：
1.减 少循环依赖
2.减少耦合
3.提高设计效率
程序模块化的实施：
1.把耦合密集 的归为一个模块
2.模块间通过固定的接口交互
3.模块内部实现自由发挥

 

面向对象的css有两个主要原则（结构，样式，行为分离）：

1. 分离结构和表现
2. 分离容器和内容

http://www.slideshare.net/stubbornella/object-oriented-css