静态页面和动态页面的区别

什么是静态页面?什么是动态页面?两者有什么区别?很多不了解前端技术的人可能会认为静态页面就是一个内容固定不变，没有任何效果的页面，而动态页面则是页面非常丰富，有各种交互效果和动态效果的页面。其实这个理解是错误的。通过本篇文章的阅读，详细为大家分享一下静态页面和动态页面到底是什么，两者有什么区别。

一、静态页面

静态页面，即静态网页，是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面。
静态页面一般指html，客户端使用浏览器，经过网络连接到web服务器使用HTTP协议发送请求，让web服务器根据请求从存放所有静态页面的磁盘中取出这个页面的内容，然后返回给客户端，这些内容经过浏览器渲染解析后就得到显示的效果。
而JavaScript等则是为了将静态页面显示更加好看，这些效果都是客户端借助浏览器展示的。

静态页面中，用户通过页面操作的过程就是通过浏览器使用HTTP协议向服务器发送一个请求（Request），告诉服务器我需要展示那个页面，服务器收到请求后，直接根据用户的需求直接从文件系统中取出相应的文件，返回给浏览器，浏览器解析后为用户展示下相应的页面。

二、动态页面

动态页面，是指跟静态网页相对的一种网页编程技术。因为静态页面在写好后基本是不会改变了，而动态网页则不然，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的，内容有一个动态的效果。
动态页面一般指JSP，客户端使用浏览器，通过网络连接到服务器，使用HTTP协议发送请求，请求会先转发到容器中，调用容器里的servlet，同时容器会连接数据库，从数据库中取出需要的数据交到servlet，由若干个servlet完成响应，将响应交给服务器，然后服务器将内容给客户端浏览器进行解析执行，因此客户端得到一个由一系列操作后动态拼凑的展示内容。

而动态页面中，用户通过浏览器发送的请求到达服务器之后，服务器根据请求内容从数据库中调取相应的内容组合成一个虚拟的文件，然后将文件发送给浏览器，用户才得以看到定制化的内容。

三、总结两者的区别

• 首先动态页面不是指有动画，特效有动感的页面，而是页面的内容是会根据需要改变，有一个动态的改变。而静态页面则是指内容基本写死，不会轻易改变的页面。
• 静态页面是客户端到服务器，服务器从磁盘取内容，返回服务端。而动态页面需要服务器调动容器里的一系列servlet和连接的数据库里的内容，动态生成要返回的内容，再传回服务器，再传到客户端。
• 静态页面和动态页面的交互性差异
  静态页面以展示为主，用户仅仅是通过页面获取相应的内容，而动态页面允许用户主动参与到页面之中，例如登录功能、查询功能、定制化页面内容等等。因此从交互性的角度来看，用户在动态页面中更有参与感。目前除了一些特定的公开性展示的门户网站以外，大部分网站都是采用动态页面。
• 静态页面和动态页面的更新维护方式不同
  静态页面内容是固定的，并且以一个完整的文件保存在服务器上，如果需要修改静态页面的内容，则需要找到此页面的源文件，并修改源文件的代码才可以实现内容调整。当网站内容信息非常大时，其维护成本同样会非常的大。
  而动态页面以数据库技术为基础，当需要修改内容时，可以直接通过数据库修改，而不需要调整页面的源文件。这样可以大大降低网站维护的工作量，并且大幅度提高网站运营的效率。
• 静态页面和动态页面的响应速度不同
  这个差异非常好理解，简单来说就是静态页面内容是固定的，服务器的响应时间较快，而动态页面还需要根据需求从数据库中调取相应的数据"组装"成为用户需求的页面，因此其响应速度会比较慢。还是买衣服的案例，买已经做好的衣服，可以直接买了就走，而定制衣服则需要经过工厂的加工才能得到。当然在网页的访问中，虽然动态页面相对较慢，但是其差别也仅仅是以微秒甚至更小的计时单位衡量，对于人的反映时间0.1面来说，几乎可以忽略不计。
• 静态页面和动态页面的访问地址
  静态页面的每个网页都有一个固定的URL，并且页面以.html.html.shtml xml常见形式作为后缀，而且不包含“?“，这样的链接更有利于搜索引擎抓取并且收录。而动态页面的URL包含“?”，并且一般以.asp/.php/.jsp等扩展名结尾。当然我们并不能够直接通过一个网页的URL来判断这个页面是静态页面还是动态页面。这是由于搜索引擎一般不会从一个网站的数据库中方位全部网页，因此动态页面中”?"对搜索引擎检索存在一定的问题。很多企业为了让自己网站有更多的收录，