meta标签
本页面的head标签内的meta元素设置如下: >
content=>
content=>
content=>
content=>
content=>
meta基础知识 meta指可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的名称/值对。 分类:meta标签可分为两大部分: http-equiv和name变量。 1、http-equiv http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助浏览器正确的显示网页内容。 content=>
说明:IE=edge告诉IE 使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame. PS:谷歌添加一个插件:Google Chrome Frame(谷歌内嵌浏览器框架GCF),这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。 content=>
说明:设定页面使用的字符集 content的内容为:
PS: html5页面直接使用 2、name name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要便于搜索引擎机器人查找信息和分类信息用。 content= />
说明:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面; viewport的属性:
content=>
说明:H5页面窗口宽度为720px(根据设计图稿的尺寸来决定),并禁止用户缩放页面。target-densitydpi针对android手机,其实就是充当缩放的功能。 target-densitydpi取值:可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个。 当你设target-densitydpi = device-dpi时: 华为荣耀xx可视区宽度 = 设备宽度 * dpi比值 = 360 * (160/160) = 360 小米1可视区宽度 = 设备宽度 * dpi比值 = 320 * (240/160) = 480 联想乐檬可视区宽度 = 设备宽度 * dpi比值 = 360 * (320/160)= 720 魅蓝可视区宽度 = 设备宽度 * dpi比值 = 432 * (400/160) = 1080 PS:根据上面的结论,我强烈建议不要使用target-densitydpi = device-dpi, 因为不同设备上最终的可视区的宽度差异很大,除非你的app有为之做处理(rem、em的相对单位写法)。 content=>
说明:是否启用WebApp全屏模式,删除苹果默认的工具栏和菜单栏。 content=>
说明:设置苹果工具栏颜色 content=>
说明:忽略页面中的数字识别为电话,忽略email识别。 content=>
说明:uc强制竖屏 content=>
说明:uc强制全屏 content=>
说明:QQ强制竖屏 content=>
说明:QQ强制全屏 content= />
说明:标注网页的作者 content=>
说明:页面关键词,用于被搜索引擎收录 content=>
说明:页面描述,用于搜索引擎收录 content=>
content=>
content=>
说明:指定双核浏览器默认以何种方式渲染页面。 PS:360浏览器是基于webkit内核和IE内核的双内核浏览器。 转自:https://www.cnblogs.com/wdlhao/p/8831175.html (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- html – CSS,vertical-align:中间带引导程序
- html – z-index的子项:’auto’vs z-index:0,CSS中的“堆
- 微信小程序实战之仿android fragment可滑动底部导航栏(4)
- 微信小程序 合法域名校验出错详解及解决办法
- Web服务API设计:XML元素与属性
- html – ‘Text-decoration:none’在Bootstrap中不起作用
- jQuery ajax 路由和过滤器使用说明
- html – 使用twitter bootstrap将表单分成两列
- 微信小程序侧边栏滑动特效(左右滑动)
- asp.net – background-image无法正常工作