meta常包含的内容

字符编码

<meta charset="utf-8">

添加作者和描述

许多<meta> 元素包含了name 和 content 特性:

name 特性指定了meta 元素的类型; 说明该元素包含了什么类型的信息。
content 指定了实际的元数据内容。
这两个meta 元素对于定义你的页面的作者和提供页面的内容描述是很有用的 。 让我们看一个例子:

<meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications.">

指定包含关于页面内容的关键字的页面内容的描述是很有用的,因为它可能或让你的页面在搜索引擎的相关的搜索出现得更多 (这些行为术语上被称为 Search Engine Optimization, 简称SEO.)

移动端适配常用的meta

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

指定双核浏览器渲染方式

<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式

keywords(关键字)

说明:用于告诉搜索引擎,你网页的关键字。举例:

<meta name="keywords"content="博客,前端">

由于经常插入无关关键字,一些搜索引擎可能不会抓取这段。

robots(定义搜索引擎爬虫的索引方式)

说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

<meta name="robots" content="none"> 

具体参数如下:

1.none : 搜索引擎将忽略此网页,等价于noindex,nofollow。
2.noindex : 搜索引擎不索引此网页。
3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
5.index : 搜索引擎索引此网页。
6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。

copyright(版权)

说明:用于标注版权信息举例:

<meta name="copyright"content="xxx"> //代表该网站为xxx个人版权所有。

Set-Cookie(cookie设定)

说明:如果网页过期。那么这个网页存在本地的cookies也会被自动删除。

<meta http-equiv="Set-Cookie" content="name, date"> //格式
 
<meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT"> //具体范例

refresh(自动刷新并指向某页面)

说明:网页将在设定的时间内,自动刷新并调向设定的网址。举例:

<meta http-equiv="refresh" content="2;URL=http://www.baidu.com/"> //意思是2秒后跳转向http://www.baidu.com
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段顶底阅读 6,729评论 1 1
  • meta   元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关...
    鹿守心畔光阅读 4,053评论 0 2
  • 自己理解的意思:meta提供了HTML文档的元数据,他不会显示到页面中,但是机器可以识别。 meta主要有两个属性...
    蜗牛_Cy阅读 5,209评论 0 1
  • 我喜欢白色,你喜欢黑色;我喜欢初夏,你喜欢寒冬;我喜欢阳光,你喜欢阴暗;我说世界是公平的,你却说世界哪有公平可言,...
    顾思离阅读 1,787评论 0 0
  • 什么是XSS XSS全称跨站脚本(Cross Site Scripting),为不和层叠样式表(Cascading...
    Purifyevil安全阅读 2,642评论 0 0