html5中的meta标签

参考资料

1. https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta
2. https://www.runoob.com/tags/tag-meta.html
3. https://www.w3school.com.cn/tags/tag_meta.asp
4. https://www.w3school.com.cn/html5/html5_meta.asp
5. https://www.jianshu.com/p/7725c30b5a5b
6. https://www.runoob.com/tags/att-meta-name.html

写在前面

今天遇到了meta，想想之前也想研究一下正好今天有时间，所以写个短篇

正篇

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

meta中的属性

属性	值	描述
charset	character encoding	定义文档的字符编码
http-equiv	content-type(字符设定) expires (期限) refresh(刷新) set-cookie(设置cookie)	把 content 属性关联到 HTTP 头部
name	author description keywords generator revised others	把 content 属性关联到一个名称
content	some_text（自定义）	定义与 http-equiv 或 name 属性相关的元信息

同时meta的设置非常多，我这里只是列举写我看到的，同时我也不一定全都测试过，如有错误，还请指正

charset

字符集声明，告诉文档使用哪种字符编码
常见的有UTF-8，GBK，ISO-8859-1
关于更多的字符编码可以查看https://www.iana.org/assignments/character-sets/character-sets.xhtml

content

用于定义与 http-equiv 或 name 属性相关的元信息

http-equiv

refresh

如果 content 只包含一个正整数，则为重新载入页面的时间间隔(秒)；
如果 content 包含一个正整数，并且后面跟着字符串 ;url= 和一个合法的 URL，则是重定向到指定链接的时间间隔(秒)

<meta http-equiv="refresh" content="0;url=https://github.com">
<!-- 或者 -->
<meta http-equiv="refresh" content="0">

set-cookie

<meta http-equiv="set-cookie" content="names=values">
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/">

我试了然而并不行，之后用空在解决

Expires

注意：必须使用GMT的时间格式，或直接设为0（数字表示多少时间后过期）

<meta http-equiv="Expires" content="Wed, 20 Jun 2027 22:33:00 GMT">
<meta http-equiv="Expires" content="100">

然而我并不知道有没有设置成功

name

author

声明作者

<meta name="author" content="Misaki Akeno">

description

规定页面的描述。搜索引擎会把这个描述显示在搜索结果中

<meta name="description" content="Free web tutorials">

keywords

规定一个逗号分隔的关键词列表 - 相关的网页（告诉搜索引擎页面是与什么相关的）。

提示：总是规定关键词（对于搜索引擎进行页面分类是必要的）。

<meta name="keywords" content="HTML, meta tag, tag reference">

viewport

ViewPort 标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比例是什么。使用ViewPort 标记还表示文档针对移动设备进行了优化。ViewPort 标记的content值是由指令及其值组成的以逗号分隔的列表。

还是看找的博客吧，这个意识半会也讲不清

https://blog.csdn.net/qq_16339527/article/details/52996316
https://www.runoob.com/w3cnote/viewport-deep-understanding.html