深入认识Meta标签

强大的Meta

刚开始学习HTML 的时候，第一遍看过整个骨架，一直把注意力放在了body和script里面的内容，而忽略了最基础的架构的知识的了解，以至于有时候会遇到一些奇怪又简单的问题而不知所措（例如：突然有人问你为什么有的大佬的私人博客支持这么多种编码方式，而我的博客只能支持一种…）
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词,其中它的属性包含了四大部分：

这个有点抽象，还是引用一些例子更好地理解：

1.可以指定该页面的关键词:

keywords用于指定关键词(很好用)，便于搜索引擎（百度等）能够通过关键词更快地找到你的文章（已挂载到网上的）

<meta name="keywords" content="HTML,HTML5,META" />

2.可以指明文档的作者、修改日期、必要说明等信息:

基本都是用过name属性指明信息，content属性填写具体内容

<meta name="author" content="ZhangFengZ" />
<meta name="revised" content="2020/04/20" />
<meta name="description" content="Learning the Meta" />

3.页面的刷新和重定向:

要知道，有些时候一些网站崩溃后是可以触发一些刷新和重定向机制（就是跳转到指定备用网站）来提高用户体验，而Meta也有类似的功能。
下面这一句的含义就是：5秒后进行自动刷新，并跳转到url的页面中去

<meta http-equiv="refresh" content="5" url="http://www.baidu.com" /> 

4.设置cookies（这一块后面学到会再详细记录）:

cookies是页面中一个很重要的功能，它涉及到了游客身份的确认，同时防止一些软件恶意浏览，占用服务器资源，导致网页卡顿。
大白话说就是：我设置了一些规则（cookies），比如看我博客的用户必须是登录CSDN的用户才行，否则我只让看一部分或者不让看

<meta http-equiv="cookie" content="（cookies的规则）" /> 

5.指定网页中使用的字符集

通过charset属性来指明网页中所要用到的字符集(繁体字：Big5)

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 

通过写这篇笔记，能够对meta有个更深入的了解和认识，虽然现在不一定有用，但至少对于扩展自己的知识面或者为以后研究底层源码的时候都是有一定帮助的。共勉！