开发者学堂课程【HTML 基础入门学习:meta 标签】学习笔记与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/465/detail/5717
meta 标签
内容介绍
一、<meta/>
二、<meta/>的属性
一、<meta/>
1.定义
是单标签,必须置于 head 里
2.解释
提供有关页面的元信息,其属性定义了与文档相关联的名称/值。
提供了页面相关的一些解释信息,比如一些关键词、一些描述这种虽然不会在网页中呈现出来,但对页面是具有解释作用的。
用 meta 里面的属性提供的这些属性就要定义信息里面的名称和值,这是一对信息,比如关键词,名称就是关键词,它的值就是关键词对应的那些词。
二、<meta/>的属性
有两个主要的属性用来构建它和文档相关联的一些内容:
1、名称(三选—)
(1)http-equiv
把 content 属性关联到HTTP头部
(2)name
把 content 属性关联到一个名称
(3)scheme
定义用于翻译 content 属性值的格式
2、值(必需)
Content
这两个属性都是必须的,不能只写一个值,因为这个值作用没有指明,所以必须要写名称。
名称必须三选一,指明这个值是何种作用的,是和http关联还是关联到某一个名称,还是定义翻译的格式。
3、举例
<meta http-equiv="expires" content="31 Dec 2015">
就会看到返回的 html http 头部包含信息
expires:31 Dec 2015
意思是此页面会在2015年12月31日过期,并非2015年12月31日就不能访问了,只定义了这个信息。
故当请求html或在审查元素看到的http页面,头部信息里面会有一个包含expires:31 Dec 2015,只是包含这个信息告诉你12月31日过期,但还是能访问的,只是一个标注信息。
例子
打开百度,进入审查元素:
可以看到前两个都是 http 相关的,第三个是关联到某一个名称 referrer。
比如新浪,进入审查元素:
可以看到新浪里面 meta 是很多的,很多属性关联到某一个名称。
4、总结
这些 meta 信息,在页面中是看不到的,但是会对页面有帮助,不管是在浏览器以及一些访问、某些接口的调用等等都有关,以后会详细介绍。