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 优势以及网页设计师如何使用CSS3技术
Jul 29 HTML / CSS
在HTML5中如何使用CSS建立不可选的文字
Oct 17 HTML / CSS
CSS实现定位元素居中的方法
Jun 23 HTML / CSS
CSS3制作气泡对话框的实例教程
May 10 HTML / CSS
HTML5中使用postMessage实现Ajax跨域请求的方法
Apr 19 HTML / CSS
HTML5 File API改善网页上传功能
Aug 19 HTML / CSS
HTML5安全介绍之内容安全策略(CSP)简介
Jul 10 HTML / CSS
使用分层画布来优化HTML5渲染的教程
May 08 HTML / CSS
HTML5的一个显示电池状态的API简介
Jun 18 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
详解淘宝H5 sign加密算法
Aug 25 HTML / CSS
CSS布局之浮动(float)和定位(position)属性的区别
Sep 25 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 年龄计算函数(精确到天)
2012/06/07 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
2016/06/23 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
[03:18]【TI9纪实】社区大触GL与木木
2019/08/25 DOTA
Python脚本实现虾米网签到功能
2016/04/12 Python
快速入手Python字符编码
2016/08/03 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
python 网络编程详解及简单实例
2017/04/25 Python
python版简单工厂模式
2017/10/16 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
Python 将RGB图像转换为Pytho灰度图像的实例
2017/11/14 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
python实现列表的排序方法分享
2019/07/01 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
如何理解Python中的变量
2020/06/01 Python
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
社区工作者感言
2014/03/02 职场文书
新年爱情寄语
2014/04/08 职场文书
个性婚礼策划方案
2014/05/17 职场文书
大学生创业计划书
2014/08/14 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
付款承诺函范文
2015/01/21 职场文书
谢师宴邀请函
2015/02/02 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书