Fork me on GitHub

静态网页与动态网页的理解

基本介绍

  • 浏览器从服务器得到的超文本标记文档的后缀通常分为两大类:
    • 静态页面:htm、html、shtml、xml
    • 动态页面:asp、jsp、php、perl、cgi
  • 静态网页和动态网页有着相同的使命,二者的共同之处在于:
    • 首先,它们的目标都是呈现内容给用户
    • 其次,内容都是用超文本标记语言(HTML)表示的
  • 静态网页中的内容是固定写在html文件中的,只需要使用单纯的html语言就可写出一个静态页面。它基本不需要与数据库和后端语言(如java,python,ruby等)的支持;
  • 动态网页则不同,它的完整页面大体上可以认为是分为两个部分,即视图模板数据数据是从后端获得(如从数据库中),然后插入到视图模板中。

静态网页

  • 静态网页是指存放在服务器文件系统中实实在在的HTML文件。当用户在浏览器中输入页面的URL,然后回车,浏览器就会将对应的html文件下载、渲染并呈现在窗口中。早期的网站通常都是由静态页面制作的。
  • 通常,使用HTML或XML即可完成静态页面的制作。
  • 静态网页一经制成,内容就不会变化,不管何人何时访问,显示的内容都是一样的。
  • 如果要修改网页的内容,就必须修改其源代码,然后重新上传到服务器上。

静态网页的工作原理

  • 静态网页的工作流程可以分为以下4个步骤:
    ① 编写一个静态文件,并在web服务器上发布;
    ② 用户在浏览器的地址栏中输入该静态网页的URL并按回车键,浏览器发送访问请求到web服务器;
    ③ web服务器找到此静态文件的位置,并将它转换为HTML流传到用户的浏览器;
    ④ 浏览器收到HTML流后,显示此网页的内容。
  • 在步骤② - ④中,静态网页的内容不会发生任何变化。

动态网页

  • 动态网页是指在网页文件中除了HTML标记以外,还包括一些实现特定功能的程序代码,这些程序代码使得浏览器与服务器之间可以进行交互,即服务端可以根据客户端的不同请求动态产生网页内容
  • 动态网页是相对于静态网页而言的。当浏览器请求服务器的某个页面时,服务器根据当前时间、环境参数、数据库操作等动态的生成HTML页面,然后再发送给浏览器(后面的处理跟静态网页一样)。
  • 动态网页中的“动态”是指服务器端页面的动态生成,相反,“静态”则指页面是实实在在的、独立的文件。
  • 动态网页的后缀名通常取决于所用的程序设计语言,一般为.asp、.aspx、.cgi、.psp、.perl、.jsp等。
  • 动态网页可以根据 不同的时间不同的浏览器 显示 不同的信息,比如常见的留言板、论坛、聊天室都是用动态网页实现的。
  • 动态网页相对复杂,不能直接双击打开。

动态网页的工作原理

  • 动态网页的工作流程分为以下4个步骤:
    ① 编写动态网页文件,其中包括程序代码,并在web服务器上发布;
    ② 用户在浏览器的地址栏中输入该动态网页的URL并按回车键,浏览器发送访问请求到web服务器;
    ③ web服务器找到此动态网页的位置,并根据其中的程序代码动态建立HTML流传到用户的浏览器;
    ④ 浏览器收到HTML流后,显示此网页的内容。
  • 从整个工作流程可以看出,用户浏览动态页面时,需要在服务器上动态执行该网页文件,将含有程序代码的动态网页转化为标准的静态页面,最后把静态页面发送给用户。

动态网页的开发技术

  • 动态网页的生成技术有多中,常见的有:
    • HTML+JavaScript(Node.js)
    • HTML+PHP
    • HTML+ASP.NET(或ASP)
    • HTML+JSP
    • HTML+CGI(早期的动态网页技术)

动态网页的特征

  • 动态网页一般以数据库技术为基础,可以大大降低网站维护的工作量;
  • 采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
  • 动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
  • 动态网页地址中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索爬虫不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

动态网页的好处

  • 维护方便,能实现人们需要的各种需求。
  • 查询信息方便,能存储大量数据,需要时能立即查询。

动态网页的不足

  • 动态网站用到数据库,所以对数据库的安全和保密性要求较高,要专业技术人员提供维护才能保证网站的安全。
  • 动态网站不利于搜索引擎收录。
  • 动态网站制作成本较高。

和谐统一

  • 静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。
  • 静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。
  • 动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。
------ 本文结束 ------