本文共 1700 字，大约阅读时间需要 5 分钟。

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">   用于告诉浏览器使用什么内核进行解析

转载地址：https://blog.csdn.net/lengye7/article/details/86834622 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！