HTML裡極為重要的一個標籤 META TAG 不可忽視! 但它不是人看的。

META 標籤是一個專門提供給搜尋引擎透過crawlers-spiders爬行蜘蛛索引你的網站，包含了標示各種元素來描述你的網站資訊，描述網頁檔案的數據不會直接於網頁中呈現，但有助搜尋引擎了解網頁的內容，因此，在 SEO 的角度中，良好的 meta 標籤設定是十分重要的。

下面我就來介紹META有哪些種類吧~

META屬性

meta charset
< meta > charset 用來指定網頁內容是用什麼編碼 (character set)，現在大多數的網頁編碼都是 UTF-8。
如:<meta charset="utf-8">

meta name
name 屬性規定元數據的名稱。如果設置了 http-equiv 屬性，則不應該設置 name 屬性。

如:
meta name="keywords" content="可放入一些關鍵字"
meta name="description" content="放上網站或服務的一些描述"
meta name="viewport" content="行動版網頁，讓網頁在 mobile device 上完好顯示，而設計出來的 meta tag"
meta name="author" content="放上出版者的資訊"
meta name="generator" content="編輯器名稱"
meta name="copyright" content="版權歸屬"
meta name="distribution" content="發佈所在地區"

meta http-equiv
HTML meta http-equiv 屬性提供網頁標頭（HTML head）關於網頁的內容屬性資訊，例如網頁自動更新、網頁內容編碼、優先樣式 ... 等，都可以透過 HTML meta http-equiv 屬性來設定，很早年的 HTML 版本就支援 meta http-equiv 屬性，絕大多數主流的瀏覽器也支援。

meta http-equiv屬性值常見有三種，分別為 content-type、default-style、refresh，其中 content-type 用來設定網頁編碼、default-style 用來設定預設樣式、refresh 則用來設定自動更新時間，無論是使用哪一種屬性值，都必須搭配一個 content，來告訴瀏覽器內容是什麼，整個 HTML meta http-equiv 必須寫在 HTML head 的區域內，三種屬性可以寫在同一個網頁內。

參考出處:
https://www.fooish.com/html/meta-charset.html
https://www.maya.com.tw/blog_detail.php?idn=35
https://www.runoob.com/tags/tag-meta.html