在看组件和元素之前，我们先了解在他们之上的一个概念-模块

模块大家应该都不陌生，任何一个完整的界面，都会有多个功能模块，而每个模块内有相应的组件，每个组件中又有相应的元素，其中任何一点的变化，都会使用户对产品的认知发生改变。



模块并不是一个新的概念，早在20世纪初期的建筑行业中，将建筑按照功能分成可以自由组合的建筑单元的概念就已经存在，同样也出现在早期的产品设计中，并且许多产品的设计都能将其很好运用，包括汽车，电脑，电器，鞋子等等。（如下图）

这些产品之所以使用模块是因为模块具有这些优点：

1.标准化：模块是具有标准尺寸和标准接口的预制功能单元，这是组装、互换等特征的基础；

2.可组装：多个模块可以方便、灵活地组合、配置，以构造不同大小、不同形状、不同功能的系统；

3.可替换：通过用一个模块去更换另一个模块，可以改变系统的局部功能而不影响系 统的其他部分；

4.可维护：可以对模块进行局部修改或设置，以满足用户需求，另外可以增加新模块，扩展系统功能。

网站建设可以多做这样的积累和标准化，这样会让你以后的网站设计中更快速化去实施，组件和代码都可以大大提高重复使用率，提高网站建设效率。