meta元素主要用来描述一个html文档的一些属性。
以下是一些常用的方法:
1、用来描述本html文档的字体
例如:<meta charset="utf-8"> 指定本html文档的字体为utf-8
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html文档采用utf-8最好,方便了显示和传输。
2、在指定时间内跳转到指定的页面
<metahttp-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内(每过N秒就刷新一次页面),跳转到你的页面;
3、expires(期限)
<metahttp-equiv="Expires" content="Mon,12 May 2001 00:20:00GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、pragma(cache缓存)
<meta http-equiv="Pragma"content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、清除缓存
<meta http-equiv="cache-control" content="no-cache"> 当再访问这个网站的时候,需要重新下载
6、<metahttp-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
以上是浏览器相关
搜索引擎优化相关
7、keywords
<meta name="keywords" content="逐梦博客,个人博客,个人网站"> keywords用来告诉搜索引擎你网页的关键字是什么。
8、description
<meta name="description" content="逐梦博客,是一个记录博主学习和成长的个人纪实博客,主要关注web前端及周边技术的学习和研究。"> description用来告诉搜索引擎你的网站主要内容。
9、robots
<meta name="robots" content="none"> robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
其中content具体参数如下:
1) all:文件将被检索,且页面上的链接可以被查询
2) none:文件将不被检索,且页面上的链接不可以被查询
3) index:文件将被检索
4) follow:页面上的链接可以被查询
5) noindex:文件将不被检索,但页面上的链接可以被查询
6) nofollow:文件将被检索,但页面上的链接不可以被查询
10、author
<meta name="author" content="826554003@qq.com"> author标注网页的作者
11、viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0"> viewport用于说明移动端网站的宽高缩放比例等信息
其中content的距离参数如下:
1) width 宽度(数值/device-width)
2) height 高度(数值/device-height)
3) initial-scale 初始缩放比例
4) maximum-scale 最大缩放比例
5) minimum-scale 最小缩放比例
6) user-scalable 是否允许用户缩放(yes/no)
12、renderer
<meta name="renderer" content="webkit"> 用于告诉浏览器使用什么内核进行解析