html5实现移动端适配完美写法


Posted in HTML / CSS onNovember 16, 2017

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

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" >

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

<link rel="canonical" href="http://mobile_url" >

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

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">

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

总结

以上所述是小编给大家介绍的html5实现移动端适配完美写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
CSS3 Flexbox中flex-shrink属性的用法示例介绍
Dec 30 HTML / CSS
使用CSS3和Checkbox实现JQuery的一些效果
Aug 03 HTML / CSS
CSS3 box-sizing属性详解
Nov 15 HTML / CSS
CSS3实现全景图特效示例代码
Mar 26 HTML / CSS
基于第一个PhoneGap(cordova)的应用详解
May 03 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 HTML / CSS
html5 worker 实例(一) 为什么测试不到效果
Jun 24 HTML / CSS
多视角3D可旋转的HTML5 Logo动画
Mar 02 HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
Jul 06 HTML / CSS
CSS使用SVG实现动态分布的圆环发散路径动画
Dec 24 HTML / CSS
html,css,javascript是怎样变成页面的
May 07 HTML / CSS
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
May 07 HTML / CSS
关于h5中的fetch方法解读(小结)
Nov 15 #HTML / CSS
canvas 实现 github404动态效果的示例代码
Nov 15 #HTML / CSS
手机端用rem+scss做适配的详解
Nov 15 #HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
Nov 15 #HTML / CSS
Adobe Html5 Extension开发初体验图文教程
Nov 14 #HTML / CSS
html5中canvas图表实现柱状图的示例
Nov 13 #HTML / CSS
有关HTML5页面在iPhoneX适配问题
Nov 13 #HTML / CSS
You might like
php的urlencode()URL编码函数浅析
2011/08/09 PHP
使用PHP编写的SVN类
2013/07/18 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
jQuery插件zTree实现删除树子节点的方法示例
2017/03/08 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
2017/07/02 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
2019/07/04 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
英国最大的自有市场,比亚马逊便宜:Flubit
2019/03/19 全球购物
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
会议开场欢迎词
2014/01/15 职场文书
大专生毕业的自我评价
2014/02/06 职场文书
篮球赛口号
2014/06/18 职场文书
企业开业庆典答谢词
2015/01/20 职场文书