虽然近两年HTML5很火，但是HTML5网站的普及度还是比较低的，不少企业对HTML5技术都处于观望状态。但成功往往属于第一个吃螃蟹的人，现在不做HTML5网站，就像十年前不做淘宝，等到真的烂大街的时候就真的很难突围了。
下面以建站宝盒做的H5自适应网站为例，讲讲现在H5自适应建站的优势。
网站美观
H5网站给大家最直观的印象就是网站颜值高，分分钟能舔屏那种。在HTML5技术还没发布的时候，建站一般不提倡大家大量应用音频、视频、flash动画等元素。现在有了HTML5技术的支持，这一切都不是问题。
体验流畅
HTML5网站虽然大量应用了多媒体元素，但是加载速度却比传统网站更快，体验效果也更为流畅，同时还能为用户节省流量。
容易收录
百度蜘蛛目前对HTML5网站是非常友好的，因为HTML5特有的meta标签能被蜘蛛快速识别，标签的语义也更接近实际，搜索引擎能快速进行索引。对企业来说，网站收录快意味着优先排名和大量免费的流量。再结合建站宝盒的SEO优化系统，网站上搜索结果首页不再困难。
维护方便
建站宝盒最新版本支持做响应式的HTML5网站，意味着你的网站只要一次维护，就能实现多平台自动更新，在网站更新频繁、内容多的情况下，优势更为明显。
跨屏营销
双十一惊人的交易额背后，有超过50%的交易来自移动端，企业跨屏营销势在必行。从前我们做网站只着眼于电脑网站，现在有了HTML5技术，做好电脑站后就相当于做好了手机站和微信站，立即实现移动终端购物，狂揽全网流量。
性价比高
成本也是企业做网站最关心的因素。用建站宝盒做H5响应式网站不过千元，对很多企业来说，这个价格甚至连个团建活动经费都比它多，完全不会造成企业负担。
总体来说，H5自适应网站是对中小企业建站是利大于弊的，用自助建站工具做H5自适应网站的试错成本还很低，蠢蠢欲动的企业不要纠结了，想做就大胆去！立马开启H5自适应建站：http://www.vhost100.com/design/
自适应网页能根据屏幕自动调整页面布局，基本适用于市面上所有终端，给企业带来了很大的便利。对程序开发者来说，要把网站做成自适应的其实也不难，修改几项参数就可以了。
电脑网站
网页总体架构使用宽度，但内容框架、侧栏等最好使用相对宽度，这样针对不同分辨率进行修改就方便。在HTML页面上不要使用字体（px），而要使用相对字体（em）。图片若是img标签的话，只需要在CSS代码中设置 max-width: 100%;或width:100%;不用固定数值。 语句为：img { max-width: 98%; }。background-size:100% 100%;可以实现background-image的自适应。
手机网站
在网页头部加上一条meta标签：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
解释：
width=device-width ：宽度等于设备屏幕的宽度。
initial-scale=1.0：初始的缩放比例100%。
minimum-scale=0.5：最小的缩放比例50%。
maximum-scale=2.0：最大的缩放比例200%。
user-scalable=yes：用户可以调整缩放比例。
对零基础想做网站的用户来说，上面的方法还是太复杂了，最基本的那些代码是什么意思还没搞清楚，更别说在庞大的网站程序中对某项细节进行修改了。这时候想做自适应网站，可以选择成熟一点的自助建站工具。
笔者认为比较适合零基础站长的自助建站工具是建站宝盒，后台有一千多套行业模板，全部由设计师精心设计，符合市场主流审美和商业需求。用户一键安装模板后，对网站内容稍作修改就能上线网站，都是最简单的选择替换上传操作。网站做好后就是响应式的，直接复制网址到手机就能打开网站，适用于市面上所有屏幕。
用自助建站工具做网站还有个好处就是：管理起来特别方便。电脑站、手机站、微信站都是一个后台，网站只要一次更新就能三平台同步，修改也是直接在后台进行模块拖拽，彻底告别繁琐的代码。推荐小白使用：http://www.yinxi.net/design/
