单页面应用（SPA）与多页面应用（MPA）的主要区别在于页面数量和页面跳转方式。单页面应用只有一个主页，而多页面应用包含多个页面。

单页面应用的优点有：

1. 用户体验好：内容的改变不需要重新加载整个页面，基于这一点SPA对服务器压力较小。
2. 前后端分离。
3. 页面效果炫酷：比如切换页面内容时的专场动画。

单页面应用的缺点有：

1. 不利于SEO：因为单页面应用不利于搜索引擎优化，搜索引擎可能无法有效地抓取和索引网站内容。
2. 导航不可用：如果一定要导航需要自行实现前进、后退。 （由于是单页面不能用浏览器的前进后退功能，所以需要自己建立堆栈管理）。
3. 初次加载时耗时多。
4. 页面复杂度提高很多。

多页面应用的优点有：

1. 多个页面：每个页面可以有自己的独立性，可以单独设计和实现。
2. 适用于大型应用：对于大型应用，使用多页面可以更好地组织和管理内容，提高用户体验。

多页面应用的缺点有：

1. 开发难度高：多页面应用需要更多的开发时间和资源，因为每个页面都需要单独设计和实现。
2. 页面跳转慢：多页面应用需要进行页面跳转，这可能会导致加载速度慢和用户体验不佳。
3. 维护难度大：多页面应用需要更多的维护和管理，因为每个页面都有自己的独立性，需要单独进行更新和维护。

单页面应用的组成主要是由一个主页面的HTML、CSS和JavaScript代码组成，而多页面应用则是由多个HTML、CSS和JavaScript代码组成，每个页面都有自己的独立性。例如，一个电商网站可能会有一个首页、产品页面、购物车页面和订单页面等多个页面，每个页面都有自己的内容和功能。