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 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 HTML / CSS
CSS3中使用RGBA设置透明度的示例
Aug 04 HTML / CSS
用React加CSS3实现微信拆红包动画效果
Mar 13 HTML / CSS
解决margin 外边距合并问题
Jul 03 HTML / CSS
HTML5中FileReader接口使用方法实例详解
Aug 26 HTML / CSS
HTML5 Canvas绘制圆点虚线实例
Jan 01 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
Aug 31 HTML / CSS
推荐10个HTML5响应式框架
Feb 25 HTML / CSS
有关HTML5页面在iPhoneX适配问题
Nov 13 HTML / CSS
浅谈html5 video 移动端填坑记
Jan 15 HTML / CSS
基于Html5实现的语音搜索功能
May 13 HTML / CSS
html+css合并表格边框的示例代码
Mar 31 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 date()日期时间函数详解
2010/05/16 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
php中in_array函数用法探究
2014/11/25 PHP
全面了解PHP中的全局变量
2016/06/17 PHP
PHP搭建大文件切割分块上传功能示例
2017/01/04 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
js ajaxfileupload.js上传报错的解决方法
2016/05/05 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
详解vue-router基本使用
2017/04/18 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
js实现微信聊天效果
2020/08/09 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
python字典序问题实例
2014/09/26 Python
python冒泡排序简单实现方法
2015/07/09 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
pandas通过字典生成dataframe的方法步骤
2019/07/23 Python
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
消防标语大全
2014/06/07 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
单位法人授权委托书范本
2014/10/09 职场文书
水电施工员岗位职责
2015/04/11 职场文书
教师节座谈会主持词
2015/07/03 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
python迷宫问题深度优先遍历实例
2021/06/20 Python
Golang日志包的使用
2022/04/20 Golang
如何利用python实现列表嵌套字典取值
2022/06/10 Python