【HTML】meta标签
<meta>标签是「META-information」的缩写，用于描述 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。
<meta>被放置在<head></head>之间。<meta>标签不需要设置结束标签。
1.定义文档的字符编码（charset）
<meta charset="utf-8">2.元描述（description）
<meta name="description" content="描述页面的概要和内容">3.响应式 Web 设计（viewport）
viewport 是用户网页的可视区域。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">- width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
- height：和 width 相对应，指定高度。
- initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
- user-scalable：用户是否可以手动缩放。
- maximum-scale：允许用户缩放到的最大比例。
- minimum-scale：允许用户缩放到的最小比例。
4.元关键字（keyword）
<meta name="keywords" content="关键字1, 关键字2, 关键字3">通过逗号隔开，可以设置多个关键字。
过于生僻的词语不适合做关键字。
罗列过多关键字对于搜索引擎检索没有意义。
5.禁止搜索引擎检索（robots）
<meta name="robots" content="noindex,nofollow">禁止所有搜索引擎索引本页面，禁止跟踪本页面上的链接。
noindex：不要索引本页面。
nofollow：不要跟踪本页面上的链接。
6.OGP标签（og / twitter / fb）
<meta property="〇〇" content="▲▲▲▲">这个是将SNS和网页的信息链接起来时的标签。
在Facebook、推特上分享页面时，可以正确传达捕捉图像、标题、用户名等信息。
- og:url：页面的URL
- og:type：页面的类型（website/article など）
- og:title：页面的标题
- og:description：页面的说明
- og:site_name：网站名
- og:image：图片的URL
- og:locale：国家/地区
- fb:app_id：Facebook的ID
- twitter:card：Twitter卡片的类型（Summary Card/Summary with Large Image ……）
- twitter:site：Twitter用户名
7.翻译无效化（notranslate）
<meta name="google" content="notranslate">如果要禁用多语言翻译，可以用这个标签。
这个标签会在打开用英语页面时不显示是否翻译的确认按钮。
如果不创建英语页面，则无需设置。
8.作者（author）
<meta name="author" content="作者名">在想指定作者名和公司名的情况下可以使用。
因为SEO的效果不太理想，所以是即使不设定也无所谓。
9.著作权（copyright）
<meta name="copyright" content="©公司名">通常这个东西出现在页脚。
不需要在这里设置。
