多页面网站与单页面网站在设计和制作上有什么

尽管触碰web开发设计有十多年时间了，但重新开始搭建1个详细的web新项目的机遇很少，针对某些定义还很模糊不清，今日最先来整理一下下在应用程序开发中，单页网站和多网网站运用的差别。

我觉得从字面上含意上了解，就非常好了解了。

单网页页面，说白了只能1个页面。

页面是根据URL来精准定位的，因此单页面应用从头至尾它的html详细地址全是不会改变的，留意哦，是html详细地址，而并不是URL详细地址，这二者還是有点儿差别的。html详细地址是截至到.html的页面详细地址，例如：http://about.html#setting这一详细地址中，html详细地址是http://about.html,而详细的URL是http://about.html#setting。

而多网页页面运用，说白了就是说好几个页面间的自动跳转，会伴随html详细地址的更改。

在单页面应用中，一般 是由1个外界架构和一个个部件构成的，页面中间的转换我觉得就是说部件的清除和新建立的加上。

在多网页页面中，则可以看导航条中详细地址的转变，是以1个详细的页面跳转到另外详细的网页页面（留意区别网页页面和页面）。

思索：带iframe的页面算作单网页页面還是多网页页面？

单页面和多页面应用的区别

对比项	多页面应用	单页面应用
应用构成	由多个完整页面构成	一个外壳页面和多个组件构成
跳转方式	页面之间的跳转是从一个页面跳转到另一个页面	页面片段之间的跳转是把一个页面片段删除或隐藏，加载另一个页面片段并显示出来。这是片段之间的模拟跳转，并没有开新页面
跳转后公共资源是否重新加载	是	否
URL模式	http://aaa/page1.html 和 http://aaa/page2.html	http://aaaa/shell.html#page1 和 http://aaaa/shell.html#page2
用户体验	页面间切换加载慢，不流畅，用户体验差，特别是在移动设备上	页面片段间的切换快，用户体验好，包括在移动设备上
能否实现转场动画	无法实现	容易实现（手机动效）
搜索引擎优化SEO	可以直接做	需要单独方案做，有点麻烦
特别适用的范围	需要对搜索引擎友好的网站	对体验要求高的应用，特别是移动应用
开发难度	低一些，框架选择容易	高一些，需要专门的框架来降低这种模式的开发难度

?