网站排名优化网HTML5如何构建一个自适应网页
使用HTML5构建自适应网页，首先需明确是全平台兼容还是仅针对移动端。以下以移动端自适应网站为例，介绍如何构建自适应网页。
1、确定基础设计尺寸，通常以1080为基准。明确自适应web设计的应用场景后，与美工（或设计师）沟通，前期一般需要美工提供几套主流移动设备屏幕分辨率的设计图，现在，利用流式布局以及rem等，一套设计图即可适配，以最常用的移动设备屏幕分辨率为基准。
2、美工完成设计图后，前端工程师的工作就开始了。这时可以使用PS或FW进行切图。一般来说，Fireworks cs6切图速度较快，但Fireworks有时会出现图片失真的情况，因此有时需要使用PS进行配合，PS的切片工具可以专门用于切图。
构建一个自适应网站有哪些优势和不足
自适应网站优势如下：
自适应网站的智能化
构建自适应网站，最大的优势是具备智能化的响应设计，这种网站能根据用户设备显示端的尺寸不同，主动调整网站的显示方式，使网站几乎能够适应所有显示终端，还能在浏览器中调整网站宽度，避免出现滚动条，使用户在任何显示器上浏览网站时，都不会出现布局混乱、显示不全或乱码的情况，从而最大程度提升用户体验。
自适应网站也能节省成本
构建自适应网站，能让客户无需再为不同设备制作pc版网站或手机版网站，构建一个自适应网站，只需花费一份钱，就能获得两种网站的体验，最终实现一站多用的效果，从而降低网站建设成本。
融入SEO的自适应网站
构建自适应网站，为了让客户网站有更好的后续发展，一般都会在内容和代码编写上，按照SEO原理进行设计，使网站具备更好的SEO基础，这样自适应网站上线后，对搜索引擎会有更亲和的表现。而自适应网站融入SEO后，网站后期可免于二次优化，大大加快网站的收录、排名等。
构建自适应网站不足如下：
第一、自适应网站加载需要一定时间
在自适应设计中，需要下载一些看似不必要的HTML/CSS。还有一些图片并未根据设备调整到适宜的大小，这正是导致加载时间加倍的原因。
第二、自适应网站在优化搜索引擎时
对于自适应Web设计，为搜索引擎确定关键字并非易事。因为相比一般桌面用户，移动用户多数采用不同的关键字，修改标题和其他事项都比较困难。
第三、自适应网站影响Google的排名
如果自适应网站仅根据移动内容，可能会影响网站的Google排名。由于Google不支持这样的网站，它不会对你的网站进行索引。
第四、构建自适应网站所耗时间较多
如果企业计划将现有网站转化为自适应网站，可能耗时更多。如果企业真的想要一个自适应网站，建议企业最好从草图开始设计。
第五、自适应网站的布局
自适应网站Web设计的布局主要是流式的，这正是设计者对设计风格缺乏良好操控的原因。
