自适应网站设计对百度友好的关键：添加applicable-device标签
现在很多网站都使用了自适应网页设计（Response-Web-Design），以满足庞大的移动端用户群的需要。但是在技术上设计了自适应的网页之后，出于SEO的考虑，你还要照顾到如何对百度更友好，即告诉百度“我是自适应页面”，方便百度进行识别校验。
自适应网页设计
浏览器对自适应识别校验代码
...
分类：
Web程序 时间：
2016-05-07 08:16:57
阅读次数：
130
原文：http://webdesignerwall.com/tutorials/responsive-design-in-3-steps翻译：http://xinyo.org自适应网页设计近来很流行，如果你接触比较少请参见 responsive sites。当然，对一个新手来说可能听起来有点复杂，其...
分类：
Web程序 时间：
2016-03-14 18:31:22
阅读次数：
183
随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1像素以上（目前主流宽度是1366×768），有的还达到
分类：
Web程序 时间：
2016-02-18 21:20:01
阅读次数：
315
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2016-01-21 22:57:22
阅读次数：
198
Html5与css3Html5的八大特性1、语义化标签2、多媒体3、离线存储4、三维图形与特效5、设备通用6、性能与集成7、链接8、Css3Html5的优点1、多设备跨平台2、自适应网页设计3、即时更行缺点：该标注未能很好的被浏览器所支持。解决方法多媒体加载流媒体音频视频语义化标签结构性元素作用：用...
分类：
Web程序 时间：
2015-11-25 16:45:52
阅读次数：
212
1允许网页宽度自动调整“自适应网页设计”到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）...
分类：
移动开发 时间：
2015-11-25 06:38:06
阅读次数：
160
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2015-11-17 13:01:51
阅读次数：
205
自适应网页设计近来很流行，如果你接触比较少请参见?responsive sites。当然，对一个新手来说可能听起来有点复杂，其实它比你想象的简单多了。这里是一个快速教程，通过学习你会自适应网页和media queries的基本...
分类：
Web程序 时间：
2015-11-11 17:59:31
阅读次数：
270
昨天中午Google进行了一次在线讲座，讲述自适应网页设计的概念和方法，维护同一个网页代码，即可使网站在多种浏览设备（从桌面电脑显示器到智能手机或其他移动产品设备）上具有更好的阅读体验，这里我将该讲座内容简要的整理一下。 1、在HTML头部增加viewport标签。 在网站HTML文件的开头，增.....
分类：
Web程序 时间：
2015-10-21 15:23:37
阅读次数：
111
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（init...
分类：
移动开发 时间：
2015-10-11 00:15:04
阅读次数：
240
