什么是自适应网站？508

什么是自适应网站？

指的是网页通过不同大小终端设备自适应显示，根据屏幕大小、宽度自动调整布局，自适应也可以叫响应式。自适应网站是HTML5的新技术。

自适应网站的优点：

1、在PC端、手机端和IPAD端都是采用一套代码。

2、不需要另外申请其他的域名，一个账号码管理一个后台。

3、有效避免网页内容重复，可以专心维护一个网页。

4、网站优化更简单，对搜索引擎友好。

自适应站点对百度友好设计

1、applicable-device标注写法

自适应网页对搜索引擎友好，告诉百度“我是自适应页面”方便百度进行识别校验。

applicable-device标签写法在viewport标签下面添加即可：

<meta name="applicable-device" content="pc,mobile">

告诉百度该页面可以同时在移动设备和PC上进行浏览。

2、在百度站长平台链接提交工具的Sitemp进行提交时，注意要给mobile type做标记。

写法：<mobile:mobile type="pc,mobile"/>

其他网页取值如下： 

<mobile:mobile/> ：移动网页
<mobile:mobile type="mobile"/> ：移动网页
<mobile:mobile type="htmladapt"/>：代码适配
无该上述标签表示为PC网页。

自适应网站能够给用户带来更好的浏览体验，网站建设需要考虑页面布局。当然自适应设计目前价格相对比较高，如果网站的要求的版面相对比较复杂的话，消耗的时间会比较长，比较适合单栏或双栏等简单版面网站。

2022-07-18

上一篇：什么是网站物理结构？

下一篇：虚拟主机怎么设置404页面？