当前位置: 首页 > 仿站知识 > 详细内容
多页面网站与单页面网站在设计和制作上有什么
时间: 2019-08-16
尽管触碰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 可以直接做 需要单独方案做,有点麻烦
特别适用的范围 需要对搜索引擎友好的网站 对体验要求高的应用,特别是移动应用
开发难度 低一些,框架选择容易 高一些,需要专门的框架来降低这种模式的开发难度

?

 

本文由 沧龙科技 网发布( http://www.www.zgjnzx.cn ),如果您还想了解更多关于 多网站需要多少钱 的文章,请点击查看 企业网站制作 的其它文章,转发请注明来源及版权归属。
承接以下业务:传统网站改自适应网站、网站增加手机站、网站改全屏网站改大屏展示、GBK转UFT-8、DEDECMS转WORDPRESS、网站站群制作、企业网站设计、企业网站优化、网站托管仿站等业务

TOP