meta标签

来源:互联网 发布:od破解 e盾网络验证 编辑:程序博客网 时间:2024/05/21 19:21
<!-- <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" />
0 0
原创粉丝点击