Question

html5和响应式页面到底是有什么关系

Answer 1

html5你可以理解为html的第5个版本，就像是苹果7小米4windows10一样的概念。
响应式页面是指，使用响应式的页面设计思想，编写出来的页面，这种页面可以在电脑这种大屏幕显示，也可以在手机这种小屏幕显示，这种可以一次编写，在多种屏幕显示的设计思想，就是响应式，就比如你设计一行方块，这些方块显示员工信息，然后设置浮动，这些方块就横着了，但是电脑端的屏幕可以容得下这些方块，因为电脑宽度大，但是手机宽度比电脑小，如果你想让你这个设计不需要单独写手机端的页面，就可以使用响应级的设计思想，使用css媒体查询，比如当屏幕小于400px，就去掉这些方块的浮动，当大于400px，就重新让这些方块浮动。
概括：html5是html的版本，一个新的规范，增加了一些新技术。
响应级：一次编写，多屏幕运行。

html5增加了很多新的东西，可以很好的支持响应级。

Answer 2

其实关系不大：

1、HTML5是目前HTML最新的修订版本，于2014年10月由万维网联盟（W3C）完成标准制定。

2、HTML5增加了一些新的语法标准和功能特性，如新的HTML标签，对多媒体的支持、2D/3D绘画等...

3、根据“响应式网页（Web）设计”这一理念来对网页进行设计，使网页适配多种不同屏幕分辨率的设备，这种页面可以称为“响应式页面”

4、响应式网页的核心技术是使用CSS3的@media选择器，根据不同的分辨率来修改css样式，从而改变网页的布局和排版，使网页适应不同的设备。

综上所述，“响应式页面”和HTML5关系不大，与CSS3的特性很有关系，如媒体查询media、流媒体布局flex等等...