单页应用（SPA）和多页应用（MPA）
单页应用（SPA）通过JavaScript动态更新内容，适合需要高度交互性和实时更新的场景，如Gmail、Facebook和Instagram；而多页应用（MPA）每个页面为独立的HTML文件，适合支持复杂业务逻辑和良好SEO的场景，如Wikipedia、Amazon和GitHub。
单页应用（Single Page Application, SPA）和多页应用（Multiple Page Application, MPA）是两种不同的Web应用架构模式。
单页应用（SPA）：在这种模式下，用户只需要加载一个HTML页面，然后通过JavaScript动态更新该页面的内容，而不需要每次都重新加载整个页面。用户在浏览器中与应用程序交互时，所有的操作都在同一个页面内完成，包括数据的获取、处理和显示。SPA通常使用前端框架如React、Angular、Vue等来实现。优点包括更快的响应速度、更好的用户体验和更高的交互性。
多页应用（MPA）：在这种模式下，每个功能或页面都是一个独立的HTML文件，用户在浏览器中访问不同的页面时，浏览器会从服务器重新加载整个页面。这种模式类似于传统的网站结构，用户在不同页面之间切换时，需要等待页面重新加载。MPA通常使用后端框架如Django、Ruby on Rails、ASP.NET等来实现。优点包括良好的SEO支持、更容易实现复杂的业务逻辑和更稳定的性能。
总的来说，SPA适合需要高度交互性和实时更新的应用程序，如社交媒体、在线编辑器、游戏等；而MPA适合需要良好SEO支持和复杂业务逻辑的应用程序，如电商网站、博客、企业管理系统等。
以下是一些常见的单页应用（SPA）和多页应用（MPA）示例：
单页应用（SPA）示例：
- Gmail：用户在浏览器中打开Gmail时，只需要加载一个初始的HTML页面，然后通过JavaScript动态更新邮件列表、写邮件、查看邮件等功能。
- Facebook：Facebook是一个典型的SPA，用户在浏览器中访问时，所有的操作都在同一个页面内完成，包括浏览新闻、发表状态、查看好友列表等。
- Instagram：Instagram的Web版也是一种SPA，用户可以在不重新加载整个页面的情况下浏览不同用户的内容、发布新内容等。
- Google Maps：Google Maps是一个交互性非常强的SPA，用户可以在地图上进行各种操作，如搜索地点、查看路线、缩放地图等，而不需要每次都重新加载页面。
多页应用（MPA）示例：
- Wikipedia：Wikipedia是一个传统的MPA，每个页面都有自己的HTML文件，用户在浏览器中访问时需要重新加载整个页面。
- Amazon：Amazon的网站主要是MPA，用户在浏览商品、查看购物车、进行结账等操作时，通常会被导航到不同的页面。
- GitHub：GitHub的网站也是一种MPA，用户在查看不同的仓库、提交代码、创建新项目等时，都需要重新加载页面。
- Stack Overflow：Stack Overflow是一个以内容为主导的MPA，用户在浏览问题、回答问题、查看个人资料等时，会访问不同的页面。
需要注意的是，这些应用可能在某些部分使用了SPA的技术，例如，在搜索结果页面中可能会使用JavaScript来动态加载更多结果，而不是每次都重新加载整个页面。然而，从整体架构和用户体验的角度来看，它们更接近于多页应用（MPA）。