很多用户会产生不要适应和不舒适感，而后选择关闭网站离开所以，设计网页时请保持版面页面风格一致像耐思尼克响应式网站模板都经过精心设计，网站页面风格很丰富，在响应式建站过程当中直接选择制作就可以了，简单便捷。

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header。

HTML的全称是超文本标记语言，是一种标记语言 它包括一系列标签通过这些标签，可以统一网络上的文档格式，将分散的互联网资源连接成一个逻辑整体HTML文本是由HTML命令组成的描述性文本，可以解释文字图形动画声音。

响应式网页设计的核心是遵循三个主要原则流体网格，响应式媒体和媒体查询在某些情况下，当设备无法确定网站的初始宽度或规模时，响应式网页设计也会利用媒体视口元标记，从而不会触发媒体查询以下是解释的基本响应式网页设。

1先制作好PSD模板，不要直接在Muse当中完成视觉设计2处理好PSD文件中智能对象的关系以及图层顺序的关系3网页内容与背景图片的关系一定要分开先做好一个断点的布局，然后先做最大的宽度适配4做好第一个和最大。

Initializr Initializr 是一个可以创建 HTML5 模板的网站，可以创建样板 HTML5 模板，响应式的 HTML5 模板或 Twitter Bootstrap HTML5 模板HTML5 Demos 这里集合了一些基于 HTML5 的优秀的实验演示，最初只有5个演示。