纯HTML5写的页面是静态网页。如果设计动态数据（网页），在前端需要配合使用javascript技术实现用户和网页的交互；在服务器端，需要配合使用php、asp、jsp等脚本语言编写数据库查询，一整套流程方可实现要求。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
纯HTML5写的页面是静态网页。
在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。
静态网页是标准的html文件，一般存在于服务器的文件中，它的扩展名有.htm、.html、.shtml、.xml等常见形式为后缀。
立即学习“前端免费学习笔记（深入）”；
当然静态网页并不是字面意思所说的静态，不会动的意思，静态网页中除开文字，也可以包含图片、声音、视频、flash动画、脚本、控件以及一些java小程序等，所以静态网页也可以出现动态画面。
静态页面实际上说的是相对于相对于动态网页而言，它没有后台数据库、不含程序，是不能交互的网页。你代码编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，经常需要手动更新，适用于更新较少的展示型网站或者企业小站。
静态网页的特点
1、静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”。
2、网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。
3、静态网页的内容相对稳定，因此容易被搜索引擎检索。
4、静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。
5、静态网页的交互性较差，在功能方面有较大的限制。
6、页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。
7、减轻了服务器的负担，工作量减少，也就降低了数据库的成本。
将静态网页转为动态网页
如果设计动态数据（网页），在前端需要配合使用javascript技术实现用户和网页的交互；在服务器端，需要配合使用php、asp、jsp等脚本语言编写数据库查询，一整套流程方可实现要求。
芒果系统GSHOP 纯静态商城系统，你还在为商城的优化而苦恼？GSHOP是全站纯静态商城系统，一键seo优化功能解决seo问题，自定义URL链接解决商城同质化问题；多页面显示：动态页、伪静态页面、纯静态页面增加收录，提升网站权重，提升流量等。安全稳定、功能强大的商城系统。1、芒果商城系统基于 php5.0开发，企业级应用。2、产品功能Ajax设计，响应速度更快，购物体验更好。3、全新密钥存放机制，
动态网页的特征
1、动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量；
2、采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；
3、动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；
4、动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索之中不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
静态网页与动态网页的区别
1、网页制作语言上的区别
静态网页使用超文本标记语言(标准通用标记语言的一个应用)，也就是顶部会标记一个html。
动态网页使用语言：超文本标记语言+ASP或超文本标记语言+PHP或超文本标记语言+JSP等。
2、程序运行端口的差异
静态页面则在客户端就能直接运行，网页数据和信息，除非人为去更改，否则不会有变化。
动态网页需要在服务器端运行，直接调用服务器数据，根据不同用户，不同的行为返回不同的网页和数据。
3、关于两者区别简单的直接描述
(1)、静态页面是设计者把页面上所有内容都设定好、做死了，然后放在空间里，不管是谁在任何时候看到的页面内容都是一样的，一成不变(除非手动修改页面内容)。静态html页面文件，可以直接用本地的浏览器打开。
(2)、动态页面的内容一般都是依靠服务器端的程序来生成的，不同人、不同时候访问页面，显示的内容都可能不同。网页设计者在写好服务器端的页面程序后，不需要手工控制，页面内容会按照页面程序的安排自动更改变换。
更多编程相关知识，请访问：编程视频！！
