META 标签的使用

Posted 2020-07-03 尼农小道

<meta />标记详解

说明：

meta是一个单边标签

，主要功能：是用于设置或显示一些控制信息，告诉浏览器以什么编码显示。

<meta>标记有两个主要的属性：

http-equiv：设置http的文件头信息(控制信息)。

name：设置网页描述信息。

 

1、用于设置浏览器显示编码

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

charset:设置源文件的字符编码，如设置成UTF-8

1. 设置网页描述信息。

   <meta name="description" content="描述的具体内容">

   举例：

• <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

  一般是100字以内。    

1. 设置关键词

   <meta name="keywords" content="关键词列表">

   举例：

   <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信,数码,汽车,手机,财经,科技,相册" />

   4、设置刷新时间及跳转

<meta http-equiv="refresh" content="seconds;url=url">

seconds:设置多少秒后跳转

url：设置跳转的目标地址，如果没有设置该属性，表示，N秒后，刷新本网页。

 

代码演示：

效果：

设置的秒数达到后，网页进行了跳转，并且浏览器地址栏的url进行了改变：

 

meta的另外一些用法：

• robots（机器人向导）
• 说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引
• content的参数有all,none,index,noindex,follow,nofollow。默认是all。
• Index代表文件将被检索 follow代表页面上的链接可以被查询
• 举例：<meta name="robots" content="none">
• author（作者）
• 说明：标注网页的作者
• 用法：<meta name="author" content="传智播客">
• Copyright(版权信息)
• 功能：说明网站版权信息
• 用法：<meta name="copyright" content="信息参数">