摘要：据有关部门统计，到2019年上半年，我国的互联网覆盖人数为8.54亿，这包含了我国人口总量的61.2%，在这个中间有99.1%的人群通过手机享受互联网服务，我国的网络总体覆盖率和总体覆盖规模都居世界前列。在另一方面，微信与抖音社交APP等社交应用网民的使用率成高速上升趋势，这些数据表明，响应式网站设计是网络活动的重要组成部分。

本文基于HTML5注重响应式网站设计及个性化内容开发的研究，响应式网站的设计需要设备在分辨率上的匹配兼容，系统的兼容可提高显示效果的相应优化调整，这个设计有益于完善网站显示环境，对移动互联网设备的观感优化也有重要的理论和实际意义。

关键字：HTML5；响应网站设计；网页布局

目 录

摘 要

Abstract

1 绪论-1

1.1 研究背景及其意义-1

1.2 发展历程及现状-1

2响应式网站设计原则-2

2.1.从小屏幕开始原则-2

2.2触控优先原则-2

2.3弹性化原则-2

2.4宏观性原则-3

3 HTML5的响应式模板管理模块设计-3

3.1 HTML5的模板的响应式设计-3

3.2 HTML5响应式模板数据管理-4

4 HTML5的响应式页面设计-5

4.1布局的具体介绍-5

4.1.1可切换的固定布局单位-5

4.1.2弹性布局单位-6

4.1.3混合布局单位-6

4.2 三种形式布局的特点-7

4.2.1 可切换固定布局单位的特点-7

4.2.2弹性化布局单位的特点-7

4.2.3混合布局单位的特点-7

5具体实现功能-7

5.1 HTML5响应式模板管理模块的实现-7

5.1.1菜单功能区-7

5.1.2工具栏-8

5.1.3画布区-8

5.2 HTML5响应式网页设计的实现-8

6结论-12

参考文献-13

致  谢-14