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 相关文章推荐
html5 css3 动态气泡按钮实例演示
Dec 02 HTML / CSS
css3的transition属性详解
Dec 15 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
May 07 HTML / CSS
解决Firefox下不支持outerHTML问题代码分享
Jun 04 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
Mar 01 HTML / CSS
HTML5 图片预加载的示例代码
Mar 25 HTML / CSS
html5实现九宫格抽奖可固定抽中某项奖品
Jun 15 HTML / CSS
HTML速写之Emmet语法规则的实现
Apr 07 HTML / CSS
CSS3 制作的图片滚动效果
Apr 14 HTML / CSS
POST提交数据常见的四种方式
Jan 18 HTML / CSS
详解CSS中postion和opacity及cursor的特性
Aug 14 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图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
JavaScript中九种常用排序算法
2014/09/02 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
浅谈vue父子组件怎么传值
2018/07/21 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
python 遗传算法求函数极值的实现代码
2020/02/11 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
应届护士求职信范文
2014/01/26 职场文书
校园十大歌手策划书
2014/02/01 职场文书
中学家长会邀请函
2014/02/03 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
运动会横幅标语
2014/06/17 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
anaconda python3.8安装后降级
2021/06/11 Python
Python识别花卉种类鉴定网络热门植物并自动整理分类
2022/04/08 Python
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技