meta 标签|学习笔记

简介: 快速学习 meta 标签

开发者学堂课程【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日过期,但还是能访问的,只是一个标注信息。

例子

打开百度,进入审查元素:

image.png

可以看到前两个都是 http 相关的,第三个是关联到某一个名称 referrer。

比如新浪,进入审查元素:

image.png

可以看到新浪里面 meta 是很多的,很多属性关联到某一个名称。

4、总结

这些 meta 信息,在页面中是看不到的,但是会对页面有帮助,不管是在浏览器以及一些访问、某些接口的调用等等都有关,以后会详细介绍。

相关文章
|
22天前
|
搜索推荐 机器人 索引
meta的标签的作用是什么
meta的标签的作用是什么
|
9月前
meta常用标签总结
meta常用标签总结
40 0
Html基础标签
< h1></ h1>标题,< p>< /p>段落 ,< br/>换行 ,< hr/>水平线标签,< strong>< /strong>粗体,< em>< /em>斜体
76 0
|
前端开发 数据建模 开发者
meta 标签中的 name 属性|学习笔记
快速学习 meta 标签中的 name 属性
465 0
|
Web App开发 JavaScript 开发者
meta 标签中的 http-equiv 属性|学习笔记
快速学习 meta 标签中的 http-equiv 属性
115 0
|
开发者
title 标签|学习笔记
快速学习 title 标签
75 0
|
移动开发 Java HTML5
HTML5 学习6.列表标签
HTML5 学习6.列表标签
|
数据采集 缓存 搜索推荐
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
HTML中的<meta/>标签还能这么玩???【居然能搞动画】

热门文章

最新文章