html5和响应式页面到底是有什么关系?
发布网友
发布时间：2022-04-23 14:15
共3个回答
热心网友
时间：2022-05-07 20:23
一、响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。
二、优点：面对不同分辨率设备灵活性强，能够快捷解决多设备显示适应问题。缺点：兼容各种设备工作量大，效率低下。代码累赘，会出现隐藏无用的元素，加载时间加长。其实这是一种折衷性质的设计解决方案，多方面因素影响而达不到最佳效果。一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。
热心网友
时间：2022-05-07 21:41
1.html5是html4的更新标准。html5新增了一些html标签以及这些标签对应的css和js接口。 bootstrap是在html5标准形成之际推出的，因此bootstrap天生含有html5的一些标签和特性。 比如，bootstrap支持响应式设计，具体体现在bootstrap的css库（主要是启用了css3标准的media query功能）实现了各种设备下的一些预设的html＋css组件（就是一些半成品的代码片段，适合在网页各个地方复制粘贴）。 简单说：html5是html的最新标准 ，体现在新标签，新css标准，新js接口bootstrap是基于html5技术的一个好用的前端代码框架，可以简单的复制粘贴，修修改改做一个漂亮页面响应式设计是一种设计实现理念 ，css3的meida query功能让这个理念的实现变的现实而方便。H5是指在html5标准推行以后，html5你可以理解为html的第5个版本，就像是苹果7小米4windows10一样的概念。
2.响应式页面是指，使用响应式的页面设计思想，编写出来的页面，这种页面可以在电脑这种大屏幕显示，也可以在手机这种小屏幕显示，这种可以一次编写，在多种屏幕显示的设计思想，就是响应式，就比如你设计一行方块，这些方块显示员工信息，然后设置浮动，这些方块就横着了，但是电脑端的屏幕可以容得下这些方块，因为电脑宽度大，但是手机宽度比电脑小，如果你想让你这个设计不需要单独写手机端的页面，就可以使用响应级的设计思想，使用css媒体查询，比如当屏幕小于400px，就去掉这些方块的浮动，当大于400px，就重新让这些方块浮动。概括：html5是html的版本，一个新的规范，增加了一些新技术。响应级：一次编写，多屏幕运行。html5增加了很多新的东西，可以很好的支持响应级。
热心网友
时间：2022-05-07 23:16
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
