meta标签

<!-- <meta>标签的属性有：http-equiv、name、charset(html5新增)、scheme(html5弃用)、content(定义与 http-equiv 或 name 属性相关的值) -->

<!-- html 5与以往版本定义文档的字符编码差异 -->
<!-- html 5 --><meta charset="UTF-8" />
<!-- HTML 4.01 --><meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<!-- 1、name属性的设置 -->

    <!-- keywords告诉搜索引擎，把content属性中填入的内容作为网页的关键字添加到搜索引擎中，content属性中的多个关键字可以使用逗号分隔 -->
    <meta name=”keywords” content=”web开发，html5”>

    <!-- Description，搜索引擎使用content属性中的信息对网站进行描述 -->
    <meta name="description" content="baidu，百度" />

    <!-- Robots告诉搜索引擎释放的robot或spider，根据content属性中的设置来决定采取什么样的行动方式。
    Content的值可以为：
        Index 可以检索和收录此页，这是默认值。
        Noindex 是不让robot/spider检索和收录此页。
        Follow 允许robot，spider顺着此页的超级链接往下探找。
        Nofollow是不让robot，spider顺着此页的超级链接往下探找。
        All告诉robot，spider可以检索和收录此页，而且可以顺着此页的超链接往下探找。
        None是既不让检索和收录此页，也不让robot，spider顺着此页顺着探找。 -->
    <meta name="Robots" content="all" />

    <!-- author用于说明网页的作者，content中填入网页的作者。 -->

    <!-- copyright用于版权声明，content中填入你的版权声明。 -->

    <!-- generator用于说明编辑此页所使用的工具的名称，content填入网页的编辑软件。 -->

<!-- 2、http-equiv属性的设置，http-equiv属性是用来在HTML文档中模拟HTTP协议的响应消息头。-->

    <!-- content-type用于说明网页内容的MIME类型以及文本内容所使用的字符集编码。 -->
    <meta http-equiv=”content-type” content=”text/html;charset=utf-8” />

    <!-- Refresh用于告诉浏览器指定的某一时间段后自动对页面进行刷新，时间单位是：秒 -->
    <meta http-equiv=”Refresh” content=”1” />
    <!-- 也可以让浏览器在一定时间后跳到其他网页，时间值与URL之间用分号（；）分隔 -->
    <meta http-equiv=”Refresh” content=”1:url=http://www.w3school.com.cn/” />

    <!-- Expires用于设定网页的到期时间，超过了content属性中指定的日期浏览器必须到服务器上重新下载该网页。注意content属性中的设置值必须使用GMT时间格式 -->
    <meta http-equiv=”Expires” content=”Mon,12 May 2001 00:02:00 GMT”>

    <!-- CONTENT设置为0，可以禁止浏览器使用缓存页面 -->

    <!-- Windows-Target强制页面在某个窗口中显示，可以防止自己的网页别别人当作一个frame页面调用 -->
    <meta http-equiv=”Windows-Target” content=”_top” />

    <!-- Pragma用于设定禁止浏览器在本地计算机上缓存次页面，content属性设置为：no-cache -->
    <meta http-equiv=”Pragma” content=”no-cache” />
    <!-- 这个方法不可靠，当数据大于32K是还是会缓存，可以把它放到代码后面部分，
    或者使用http协议的Cache-Control响应字段禁止缓存，在HTTP1.1中Cache-Control是一种比Pragma更可靠的实现 -->
    <meta http-equiv=”Cache-Control” content=”no-cache” />

    <!-- Page-Enter设置浏览器的特殊显示效果
    注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果
    说明：这个是页面被载入和调出时的一些特效。 -->
    <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)" />
    <meta http-equiv=”Page-Enter” content=”revealTrans(Transition=23,Duration=1.000)” />
    <!-- Duration 表示滤镜特效的持续时间(单位：秒) Transition 滤镜类型。表示使用哪种特效，取值为0-23。
        0 矩形缩小  1 矩形扩大  2 圆形缩小  3 圆形扩大  4 下到上刷新 
        5 上到下刷新 6 左到右刷新 7 右到左刷新 8 竖百叶窗 
        9 横百叶窗  10 错位横百叶窗   11 错位竖百叶窗   12 点扩散 
        13 左右到中间刷新  14 中间到左右刷新  15 中间到上下    16 上下到中间 
        17 右下到左上    18 右上到左下    19 左上到右下    20 左下到右上 
        21 横条   22 竖条   23 以上22种随机选择一种 -->

    <!-- X-UA-Compatible设置IE浏览器加载页面的内核版本；IE=11用IE11加载页面，chrome=1：启用chrome内核； -->
    <meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1" />

<!-- 移动设备    -->

    <!--viewport页面参数 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- width viewport 宽度(数值/device-width)
    height viewport 高度(数值/device-height)
    initial-scale 初始缩放比例
    maximum-scale 最大缩放比例
    minimum-scale 最小缩放比例
    user-scalable 是否允许用户缩放(yes/no) -->

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

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