查看: 52|回复: 0

扣丁学堂浅谈HTML5实现移动端适配完美写法

发表于 2018-7-25 13:33:09

本篇文章扣丁学堂HTML5培训小编和大家分享一下HTML5实现移动端适配完美写法,想要学习HTML5或者对HTML5开发感兴趣的小伙伴就随着小编一起来了解一下吧。


在pc版网页(http://pc_url) 上,添加:
<link rel="alternate" media="only screen and(max-width: 640px)"  >
在移动版网页(http://mobile_url) 上,所需的注释应为:
<link rel="canonical"  >
之前的Meta标记(mobile agent)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式:
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.
以上就是扣丁学堂HTML5在线学习小编和大家分享的HTML5实现移动端适配完美写法,希望对小伙伴们有所帮助,想要了解更多内容的小伙伴可以登录扣丁学堂官网咨询,扣丁学堂是专业的HTML5培训机构,不仅有专业的老师和与时俱进的课程体系,还有大量的HTML5视频教程供学员观看学习,想要学好HTML5高薪就业的小伙伴快快行动吧。扣丁学堂H5技术交流群:559883758。

文章转载自:扣丁学堂http://www.codingke.com/


回复

使用道具 举报