自2014年10月HTML5技术标准定稿发布以来，互联网营销人员对其充满了无限期待，越来越多的人投身到H5页面的设计和营销中。H5以其独特的魅力刮起了网站设计新生态，其能够打通PC、手机、Pad等多屏域，显示界面可以随尺寸不同进行响应式伸缩，在用户端达到优良的用户体验。
企业U道IT工程师表示：“H5网站具有跨屏、跨平台、展示丰富、自推广等优势，符合用户分享、浏览等习惯，能够与IOS系统和安卓系统兼容。与此同时，能够被搜索引擎收录，增加了SEO推广维度。”
对于中小企业和个人创业者而言，H5网站成本较低、界面颜值高、易于大范围推广，日益成为建立网站的首选。作为H5发展和突破的2015年，其破土之势被认为是“企业网站H5元年”。
目前，响应式网站的页面排版布局主要分为以下3种：
固定模式布局——多种界面调整
固定模式布局根据目前主流的屏幕设备尺寸，对界面的宽度进行灵活调整，形成多种界面设计布局，在通过实际的屏幕尺寸测试效果来选定最佳的布局尺寸。此种响应式网站建设成本低，但是随着主流设备的不断发展，其不能很好的适应千变万化的尺寸需求，需要进行后期更改适配。
弹性效果布局——灵活、适应性强
这类布局设计通过像素百分比调试的方式进行技术实现，对网站设定一定的适应尺寸，然后建设者可根据需要适应设备尺寸，网站可在一定时间内保证不会被设备的进行淘汰。由于技术层面的限制，这种布局适合等分结构或通栏页面设计，而其他布局应用起来不易实现。
混合模式布局——展示顺畅、充分利用空间资源
混合模式能够获得更加顺畅的展示效果，包括像素混合和百分比混合的适应性更强，能够完美利用丰富的网站空间资源，将网站呈现给用户。像页面分栏较为复杂的响应式网站建议优选这种布局类型，由于技术操作和实现过程的复杂性，其开发成本较高。
