移动端常用的meta标签
来源:互联网 发布:淘宝上的书是正版吗 编辑:程序博客网 时间:2024/06/05 14:59
//控制网页显示的窗口等<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style">//告诉设备忽略将页面中的数字识别为电话号码<meta content="telephone=no" name="format-detection">//定义网页使用的语言 <meta charset="UTF-8">
第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;
width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放
第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;
在web app应用下状态条(屏幕顶部条)的颜色;默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码。
meta标签的作用:
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!
注意:(1)content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
(2)name 属性提供了名称/值对中的名称。
转自:http://www.qdfuns.com/notes/15780/a6d7677222c88a15c43bd666da29fabc.html
参考:http://www.haorooms.com/post/html_meta_ds
meta的基础知识:http://www.w3school.com.cn/tags/tag_meta.asp
- 移动端常用的meta标签
- 移动端常用的meta标签
- 移动端常用meta标签
- 移动Web应用常用的Meta标签
- 移动端的meta标签
- 移动端的meta标签
- 移动端<head>头部 常用<meta>标签
- H5移动端常用<meta>标签总结
- meta标签 -- 移动端
- 移动端meta标签
- 移动端meta标签
- 移动端meta标签
- 移动端meta标签
- 移动端的头部标签和 meta
- <meta>标签在移动端的定义
- 移动端meta标签的含义
- 移动端meta标签的使用
- 移动端的头部标签和meta
- MySQL安装过程中到最后start service时就不响应了并且安装不成功解决方法
- 广受好评的前端框架QUICK UI 4.0正式发布
- HDOJ1023(卡特兰数+大数乘除法)
- 2017,晚来的第一篇
- 坚持#第193天~合格的云计算运维工程师
- 移动端常用的meta标签
- log4j配置详解
- Maven的Jetty插件提示No Transaction manager found导致启动慢的解决方法
- 单词
- camera基本知识
- 调整运动
- com.netflix.discovery.DiscoveryClient
- 为 hexo NexT 添加 Gitment 评论插件
- 关于this、arguments、caller、callee、prototype、__proto__、length