HTML单页面和多页面

时间:2025-02-09 07:28:40

什么是单页面?

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

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


什么是多页面?

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


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

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

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

单页面的优缺点

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

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

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