1. 申明编码:
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2. 这两个meta,no-siteapp和no-transform,是告诉搜索引擎不要把网页转码:
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="Cache-Control" content="no-transform" />
3. 网页标题:
<title>网页标题</title>
4. 页面关键词:
<meta name="keywords" content="关键词">
5. 页面描述内容:
<meta name="description" content="描述">
6. 作者
<meta name="author" content="作者,邮箱地址">
7. 在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则,user-scalable=yes 是声明网页可以缩小放大
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
为了对百度更友好,让百度更方便识别校验,下面这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。
<meta name="applicable-device" content="pc,mobile">
8. 定义网页搜索引擎索引方式
robotterms 是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。 -->
<meta name="robots" content="index,follow">
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索;
nofollow:页面上的链接不可以被查询。
9. 优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 关于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
10. 备案代码编号
<a href="http://beian.miit.gov.cn" rel="nofollow" rel="nofollow" rel="nofollow" target="_blank">X ICP备xxxxx号.</a>
11. html代码语言采用中文
<meta http-equiv="Content-Language" content="zh-CN" />
12.QQ登陆声明
<meta property="qc:admins" content="153033120760567656375" />
13.微博登陆声明
<meta property="wb:webmaster" content="e9da5e10879ed7c9" />
14.添加对手机设备的支持
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-
scalable=no">(禁止缩放)
15.兼容IE
<meta http-equiv="X-UA-Compatible" content="IE=edge">
16.设置双核浏览器的浏览模式
<meta name="renderer" content="webkit">
<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>(分别为极速模式,兼容模式,以
及IE模式)
17.产生特殊效果
< meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" >(n的取值范围为0-23)
18.控制页面缓冲,如不要页面缓冲的代码这样写:
<meta http-equiv="Cache-Control" CONTENT="no-cache">
19.让网页每隔一段时间刷新一次,若要10秒刷新一次,代码这样写:
<meta http-equiv="refresh" content="10">
20.让一个页面过上一定的时间,自动转到另一个页面或者站点去,如:
< Meta HTTP-EQUIV="refresh" content="6; url=http://hi.baidu.com/tesalo/" >
content中的6表示时间,单位为秒,url=后面是你要转向的网址,若是与你当前网页在同一目录下,可以直接写上文件名,如:
< Meta HTTP-EQUIV="refresh" content="6; url=page1.htm" >
相关阅读: