最近拉勾教育送了前端高手進階這個小課給我，看了下meta標簽的內容，覺得挺有趣，平時不太注意，沒想到挺有用的標簽。結合w3school的內容，通過這篇文章把知識整理一下。
簡介
meta標簽，故名思義，主要是用來記錄網頁的元信息的，而這些信息是不會在頁面上看到的。
屬性
先列出主要屬性，可作參考用，基本上是翻譯至 w3school關於meta的內容，詳請可瀏覽 www.w3schools.com/tags/tag_me…
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | 相應的字節碼，如 utf-8 | 指定字符的編碼 |
| content | 文本 | 指定 "http-equiv" 或 "name"的值 |
| http-equiv | content-security-policy; content-type; default-style; refresh | 提供http頭的信息 |
| name | application-name;author ;description; generator; keywords; viewport | 指定元信息的名稱 |
有用的例子
僅僅列出屬性不足以理解，所以要舉出一些實用例子。除了平時常用的 charset="utf-8" 外，還有一些有用的屬性，如:
<meta name="keywords" content="Javascript, Node.js, WebAssemble">
使用keyword可以優化搜索。
<meta http-equiv="refresh" content="30">
每30秒刷新頁面，如果要定時重定向，可以如下:
<meta http-equiv = "refresh" content = "20; url = http://google.com"/>
