HTML单页面和多页面

什么是单页面?

整个项目只有一个HTML页面,如vue框架创建的项目,里面只有一个html页面。

一个页面如何显示出有多个页面的效果?
通过按钮或链接替换页面里面的组件或内容。


什么是多页面?

一个项目有多个HTML文件。可以通过链接等跳转到一个新的html页面


那么多页面好还是单页面好?

首先扩充一个知识点:
如何评估页面的标准:
1、对用户的体验,如页面加载速度
2、减少发送请求
3、seo引擎优化。

什么是引擎优化?
就是通过搜索的关键字,让自己的页面在搜索结果尽可能排在前面,方便用户点击我们的网站

单页面的优缺点

不利于seo引擎优化,所以一般单页面可以写一个组织或公司的后台管理系统,因为无需考虑别人是否能搜索到。

首次加载会慢一点,一旦加载完,那么后面再点击就会比多页面更快了,因为相比多页面,单页面的“跳转”只会渲染局部DOM节点,不像多页面跳转是渲染整个DOM结构,就比如有时候头部和底部都是一样的,反而单页面的优势就会体现出来。可以加快加载速度,节省性能,提高用户体验。

单页面是以组件划分的,团队开发时候以组件或者组件的功能划分,可以分的很细致,任务清晰。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杨不旧

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值