Categories


Tags


响应式和自适应如何区分?

响应式和自适应总是让人分不清,主要原因是,它们在概念上并不是并列关系,而是从属关系。

如果一定要从概念上进行区分:

自适应这个概念范围更广一些,包含:响应式和代码适配。

一个网站采用响应式或者代码适配,都叫做自适应。

响应式的网站,一定是自适应的;

自适应的网站,可能是响应式的,也可能是代码适配的。

那么如何定义自适应呢?

自适应,指的是不管用户采用什么客户端访问网站,网站的URL地址保持不变。

即:同一个URL地址的内容,可自动适应不同的客户端设备,包含PC、手机、平板等。

要实现这样“自适应”的目标,可以采用的方法共有两种:

1、响应式,即只用一套模板,可同时适配不同的客户端设备包含PC、手机、平板等,模板代码不变。

2、代码适配,即采用两套或多套模板,服务器对用户的浏览器(ua)进行分析,根据不同客户端设备类型,返回不同的模板(html)。

以上两种方法,网站的URL地址都没发现变化。

不同方法,返回给用户的模板不同。

案例:

搜外网(www.seowhy.com)采用的是代码适配的方法,PC一套模板,手机一套模板,但URL保持不变。

很多个人博客和企业站往往是响应式的。

来源:搜外网


Public @ 2019-01-09 15:20:27

谷歌移动网站建站十大原则

近日,谷歌官方在Google AdSense十周年讲座上发布了移动建站十大原则,由于是PPT形式,所以笔者把它整理成文字版的移动网站建站原则(也可以看做是谷歌手机站优化指南),供广大站长参考。有兴趣的站长也可以对比下百度发布的手机站优化指南,看一看立足于中文本地搜索引擎的百度与有国际视野的谷歌在移动网站优化上有哪些共同点和区别,在此仅总结谷歌发布的移动网站建站原则,当然这份移动建站原则也是偏向于中

Public @ 2019-10-04 16:20:27

Google移动设备工具优化站长网站篇

作为网站管理员,Google移动设备工具可以帮助您了解您的网站在移动设备上的表现,并提供优化建议。以下是优化您的站长网站的一些建议: 1. 使用响应式设计:响应式设计可以自适应不同大小的屏幕,提供更好的用户体验和SEO排名。 2. 提供快速加载速度:移动设备上的加载速度非常重要。使用压缩图像、缩小代码和启用浏览器缓存,以确保您的站点在移动设备上快速加载。 3. 调整字体大小:移动设备屏幕相对

Public @ 2023-04-19 19:50:28

响应式和自适应如何区分?

响应式和自适应总是让人分不清,主要原因是,它们在概念上并不是并列关系,而是从属关系。如果一定要从概念上进行区分:自适应这个概念范围更广一些,包含:响应式和代码适配。一个网站采用响应式或者代码适配,都叫做自适应。响应式的网站,一定是自适应的;自适应的网站,可能是响应式的,也可能是代码适配的。那么如何定义自适应呢?自适应,指的是不管用户采用什么客户端访问网站,网站的URL地址保持不变。即:同一个URL

Public @ 2019-01-09 15:20:27

更多您感兴趣的搜索

0.527128s