首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计。

1选择基本设计尺寸，一般以1080为基准确定响应式网页设计的应用场景后，与美工或设计师沟通之前，美工通常需要制作几套主流移动设备屏幕分辨率的设计图现在，使用streaminglayout和rem，可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准2美工完成设计图，前端工程师的工作就开始了这时候。

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section 在页面模版中，我们需要确保每个区域都能正确地对齐。

用 aAnchor，简写为 a来实现网页间的跳转 a 需要一个 href 属性 指向跳转的目的地 同时，它还应有内容 例如浏览器将显示文本 this links to freecodecamporg，这是一个可点击的链接 通过这个链接可以访问 lta href=quot#contactsheaderquotC。

html5网站制作HTML5响应式网站建设下面就来说说如何设计制作HTML5响应式网站建设1不同屏幕不同设计布局 在不同用户利用不同设备浏览网页的时候，每个设备的用户体验都是要经过上线前的精心测试，手机端网站设计出的问题被解决后，在电脑平板等的设计浏览问题也就比较容易解决了2根据用户的阅读习惯。

媒体元素的添加根据需求，添加图片音频视频等媒体元素可以使用HTML5提供的ltimgltaudioltvideo标签，或通过CSS样式设置背景图片等响应式设计考虑不同设备的屏幕尺寸和分辨率，使网页在不同终端上都能良好地显示和交互可以使用CSS媒体查询和响应式布局技术实现调试和优化在制作过程中。

响应式网站设计ResponsiveWebdesign的理念是集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境系统平台屏幕尺寸屏幕定向等进行相对应的布局 如果你需要做一个响应式网站可以去大腕互联看看，他们的响站是五网合一网站建设的，方便管理，快捷创建。

HTML5制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页1选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局。

HTML5建站就是常见的响应式设计，彻底解决了多媒体元素间的组合使用，无需担心访问不流畅，网站页面变得更丰富，网站界面却更为简洁企业选择H5自适应建站，主要有以下几个优势1页面丰富简洁，能实现各种震撼眼球的网站视觉效果2有利于网站优化，H5标签在搜索引擎上能被快速收录，网站排名上升快人。

响应式网站就是一个可以智能的监控访问者屏幕尺寸并自动适应实时响应的网站效果，无论访客使用的是手机还是电脑或者是PAD，都能像变色龙一样自动兼容和适应尺寸来完整的展示网站的内容和效果响应式网站也被称之为“自适应”网站，是一种基于HTML5的建站技术，一句话来形容，响应式网站就是一个可以。