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

相关文章
uniapp Vue3 面包屑导航 带动态样式
uniapp Vue3 面包屑导航 带动态样式
257 1
|
关系型数据库 Linux PostgreSQL
这个错误是因为Flink CDC在尝试访问PostgreSQL的"decoderbufs"文件时,发现该文件不存在
【1月更文挑战第23天】【1月更文挑战第111篇】这个错误是因为Flink CDC在尝试访问PostgreSQL的"decoderbufs"文件时,发现该文件不存在
531 11
|
运维 架构师
架构师“三部曲”——阿里云 MVP 沈剑
沈剑,公众号“架构师之路”的作者,曾任百度高级工程师和58同城高级架构师、技术委员会主席、技术学院优秀讲师,现为到家集团技术委员会主席和技术VP,同时也是快狗打车(原58速运)的CTO。本文是沈剑老师在阿里云的直播中分享的一些自己关于架构师的看法和成为架构师的心路历程的第二部分。
3886 0
架构师“三部曲”——阿里云 MVP 沈剑
|
9月前
|
设计模式 网络协议 Java
04.里式替换原则介绍
里式替换原则(LSP)是面向对象设计的重要原则之一,确保子类可以无缝替换父类而不破坏程序功能。本文详细介绍了LSP的定义、背景、理解方法及应用场景,通过电商支付和鸟类飞行案例展示了如何遵循LSP,并分析了其优缺点。LSP强调子类应保持父类的行为一致性,有助于提高代码的可扩展性、可维护性和可重用性,但也可能导致过度设计。最后,对比了LSP与多态的区别,明确了LSP作为设计原则的重要性。
358 4
|
存储 小程序 API
深入调查研究Memos
【11月更文挑战第1天】
408 7
|
自然语言处理 数据安全/隐私保护 UED
如何选择适合的域名:关键步骤与策略
在数字化时代,域名不仅是网站的身份标识,更是品牌在线形象的重要组成部分。本文将指导您如何选择一个恰当、易于记忆且富有意义的域名,从明确目标与定位、选择合适的域名类型与后缀、考虑长度与可读性、检查可用性与合法性、评估SEO价值、考虑未来扩展、购买与注册到监测与维护,全方位帮助您打造优质域名。
565 4
|
Web App开发 前端开发 关系型数据库
基于SpringBoot+Vue+Redis+Mybatis的商城购物系统 【系统实现+系统源码+答辩PPT】
这篇文章介绍了一个基于SpringBoot+Vue+Redis+Mybatis技术栈开发的商城购物系统,包括系统功能、页面展示、前后端项目结构和核心代码,以及如何获取系统源码和答辩PPT的方法。
|
Python
Python代码优化避免全局变量
【7月更文挑战第22天】
276 2
|
运维 Kubernetes 监控
在K8S中,K8S的缺点或当前的不足之处是什么?
在K8S中,K8S的缺点或当前的不足之处是什么?