h5的移动端适配如何实现 - 行业资讯 - 肥雀云

介绍

这篇文章将为大家详细讲解有关h5的移动端适配如何实现,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

在pc版网页(http://pc_url)上,添加:

& lt;链接rel=癮lternate"媒体=爸挥衅聊缓?max-width: 640 px)“;https://www.yisu.com/zixun/href=" http://pc_url ">

在移动版网页(http://mobile_url)上,所需的注释应为:

& lt;链接rel=癱anonical"https://www.yisu.com/zixun/href=" http://mobile_url ">

之前的元标记(移动代理)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的元标记方式:

& lt;元name=癿obile-agent"内容=案袷?(wml xhtml | | html5);url=mobile_url"在

html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的。若实现自动跳转还需要js。

关于h5的移动端适配如何实现就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。