基本标签SEO 优化为移动设备添加 viewportWindows 8其他 禁止数字识自动别为电话号码
不让android识别邮箱
每 8 秒刷新一次页面
移动端的头部标签和meta

基本标签

声明文档使用的字符编码:
<meta charset="utf-8" />

声明文档的兼容模式:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式显示内容

定义对页面的描述:
<meta name="description" content="HTML5COL学院提供高质量HTML5教学" />

定义页面的最新版本:
<meta name="revised" content="Frank, 2016/3/1" />
SEO 优化

页面描述
<meta name="description" content="不超过850个字符"/>

定义针对搜索引擎的关键词:
<meta name="keywords" content="HTML5COL学院, HTML5, CSS3, JavaScript" />

定义网页作者:
<meta name="author" content="HTML5COL" />

定义网页搜索引擎索引方式,使用英文逗号「,」分隔,常有如下几种取值:none,noindex,nofollow,all,index和follow:
<meta name="robots" content="index,follow" />
为移动设备添加 viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
参数说明
content参数 释义 
width viewport 宽度(数值/device-width) 
height viewport 高度(数值/device-height) 
initial-scale 初始缩放比例 
maximum-scale 最大缩放比例 
minimum-scale 最小缩放比例 
user-scalable 是否允许用户缩放(yes/no)

ISO 设备

添加到主屏后的标题(iOS 6开始):
<meta name="apple-mobile-web-app-title" content="标题" />

设置状态栏的背景颜色:
<meta name="apple-mobile-web-app-title" content="yes" />

是否启用 WebApp 全屏模式:
<meta name="apple-mobile-web-app-capable" content="yes" />

设置状态栏的背景颜色:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
注:只有在 "apple-mobile-web-app-capable" content="yes" 时生效
content 参数:
content参数 释义 
default 默认值,网页内容从状态栏底部开始 
black 状态栏背景是黑色,网页内容从状态栏底部开始 
black-translucent 状态栏背景是黑色半透明,网页内容充满整个屏幕,顶部会被状态栏遮挡

Windows 8

Windows 8 磁贴颜色:
<meta name="msapplication-TileColor" content="#000" />

Windows 8 磁贴图标:
<meta name="msapplication-TileImage" content="icon.png" />
其他

禁止数字识自动别为电话号码:
<meta name="format-detection" content="telephone=no" />

不让android识别邮箱:
<meta name="format-detection" content="email=no" />

每 8 秒刷新一次页面:
<meta http-equiv="refresh" content="8" />

HTML5 <meta> 标签属性,所有meta用法都在这里了的更多相关文章

  1. 常用HTML meta 标签属性(网站兼容与优化需要),meta标签

    常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索 ...

  2. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  3. html meta标签属性与内容

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

  4. meta 标签属性(网站兼容与优化需要)

    概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. —— W3School ...

  5. meta标签属性总结

    一.常见name属性.不同参数含义 meta标签的name属性语法格式是: <meta name="参数" content="具体的参数值"> 其中 ...

  6. 经常使用meta标签属性

    <meta> 1.Keywords (keyword) 说明:告诉搜索引擎你网页的keyword是什么. 使用方法:<meta name="keywords" c ...

  7. 常见的meta标签属性

    meta标签是网页元标签.可以定义一些网站的功能. 1. name属性 name属性的通用格式如下: <meta name="xxx" content="xxxx, ...

  8. 什么是Meta标签? 哪些Meta标签对搜索引擎SEO优化有作用?

    什么是Meta标签? Meta标签给搜索引擎提供了许多关于网页的信息,这些信息都是隐含信息,意味着对于网页自身的访问者是不可见的. 你可以在网页的 <head>元素中发现<meta& ...

  9. HTML5 <meta> 标签属性,所有meta用法

    基本标签 声明文档使用的字符编码:<meta charset="utf-8" /> 声明文档的兼容模式:<meta http-equiv="X-UA-C ...

随机推荐

  1. 离线使用echarts及一些细节

    最近要做图表,用js起来太麻烦,所以就找些开源的库来用,发现echarts挺不错, echarts的文档把所有东西都说的很明白了,直接下载zip包,要是想离线使用的话只需要引用下载包里面的dist文件 ...

  2. Java日期时间使用总结

    一.Java中的日期概述   日期在Java中是一块非常复杂的内容,对于一个日期在不同的语言国别环境中,日期的国际化,日期和时间之间的转换,日期的加减运算,日期的展示格式都是非常复杂的问题.   在J ...

  3. 创建一个hibernate helloword

    1.下载hibernate包 http://hibernate.org/orm/ 点download下载最终版 安装hibernate插件hibernatetools 2.创建一个java工程 导入必 ...

  4. oracle 导入数据

    1.在数据库中建立实例数据库之后,运行cmd 2.键入 imp空格(实例数据库名)/(实例数据库口令)空格file=“拖入数据地址” 比如czt.dmp文件直接拖进去(空格)full=y 3.按ent ...

  5. 如何让Form窗体接收KeyDown事件?

    在使用.Net Framework编写窗体应用程序的时候,有时有需要响应窗体的按键消息.当窗体上没有任何其他控件的时候,窗体是可以直接响应这些消息的. 但是当窗体上有其他控件时,会发现窗体再也不会响应 ...

  6. NYOJ-2 括号配对问题 -- 数据结构_堆栈

    以前做过的,现在整理一下,主要是堆栈的使用 1.碰到左括号就入栈,碰到右括号就从栈里弹出一个和当前比配,匹配失败就肯定是NO了; 2.如果右括号弹栈的时候栈空,则说明之前没有和右括号匹配的左括号了,这 ...

  7. 20. Valid Parentheses(stack)

    Given a string containing just the characters '(', ')', '{', '}', '[' and ']', determine if the inpu ...

  8. ListView中内容的动画效果

    LayoutAnimationController用于为一个layout里面的控件,或者是一个ViewGroup里面的控件设置动画效果,可以在XML文件中设置,亦可以在Java代码中设置. 一种直接在 ...

  9. Goldengate trial队列维护

    查看进程信息: Info replicat_name $Info replicat_name showch 注:   可以查看到详细的关于checkpoint的信息,用于查看GoldenGate进程处 ...

  10. opencv编程解决warning C4003: “max”宏的实参不足

    忘了把程序出错的代码附上了,运行修改好的程序才发现的.只好把问题的代码大致写一下了: warning C4003: “min”宏的实参不足 error C2589: “(”:“::”右边的非法标记 e ...