美文网首页
Html之meta属性

Html之meta属性

作者: 幸宇 | 来源:发表于2021-03-10 22:54 被阅读0次

写了这么多的页面了,知道meta这个标签,却没有真正的总结深入了解一下,只停留在比较表面的认知中,找了一些资料,打算做一个meta属性的总结:

meta 是什么呢?我们知道html 是一种超文本语言,用来描述网页的语言,比如我们现在看到的文字,图像,视频,声音多媒体等都是用html 呈现在浏览器里给我们展示出来;
而meta 是位于header 头部的一个标签,header标签来描述文档的属性和信息,一般不用于展示给读者,用官方的解释来说meta 全名叫 metadata,中文名字叫元数据,称用来描述数据的数据,它不会显示在我们可以看到的页面上,却可以用机器来识别(这里我的理解是,浏览器来识别头部meta里面的信息而做出一些反馈,比如 meta 里如果写 chartset="utf-8",顾名思义就是指 浏览器知道里该页面要用utf-8 来定义文档的字符编码)
知道了这些,就好理解了:当别人问 meta是什么的时候,可以说:meta 是html语言头部的一个辅助标签,我们可以利用meta来定义页面编码语言、(比如我们指定编码格式是utf-8)搜索引擎优化(比如定义 关键字 keywords,简介description等来更利于检索到我们的页面),其次meta标签也可以指定响应我们的http头部信息,(比如cache-control用来指定请求和响应的缓存机制)等,另外meta 还有定义自动刷新并指向新的页面,响应式窗口等;
以下是从网上自己找来的总结属性及其写法:


image.png

整体来看,HTML5之前,meta标签只有两个主要属性,分别是 name 属性和 http-equiv 属性。 HTML5新添加"charset"

各个属性解释:

摘文详解:
https://www.cnblogs.com/isme-zjh/p/12528586.html

相关文章

网友评论

      本文标题:Html之meta属性

      本文链接:https://www.haomeiwen.com/subject/imugqltx.html