meta標簽分類

meta標簽根據屬性的不同，可分為兩大部分：http-equiv 和 name 屬性。
http-equiv：相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助瀏覽器正確地顯示網頁內容。
name屬性：主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于瀏覽器，搜索引擎等機器人識別，等等。

推薦使用的meta標簽

<!-- 設置文檔的字符編碼 -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- 以上 3 個 meta 標簽 *必須* 放在 head 的最前面；其他任何的 head 內容必須在這些標簽的 *后面* -->

<!-- 允許控制資源的過度加載 -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<!-- 盡早地放置在文檔中 -->
<!-- 僅應用于該標簽下的內容 -->

<!-- Web 應用的名稱（僅當網站被用作為一個應用時才使用）-->
<meta name="application-name" content="應用名稱">

<!-- 針對頁面的簡短描述（限制 150 字符）-->
<!-- 在*某些*情況下，該描述是被用作搜索結果展示片段的一部分 -->
<meta name="description" content="一個頁面描述">

<!-- 控制搜索引擎的抓取和索引行為 -->
<meta name="robots" content="index,follow,noodp"><!-- 所有的搜索引擎 -->
<meta name="googlebot" content="index,follow"><!-- 僅對 Google 有效 -->

<!-- 告訴 Google 不顯示網站鏈接的搜索框 -->
<meta name="google" content="nositelinkssearchbox">

<!-- 告訴 Google 不提供此頁面的翻譯 -->
<meta name="google" content="notranslate">

<!-- 驗證 Google 搜索控制臺的所有權 -->
<meta name="google-site-verification" content="verification_token">

<!-- 用來命名軟件或用于構建網頁（如 - WordPress、Dreamweaver）-->
<meta name="generator" content="program">

<!-- 關于你的網站主題的簡短描述 -->
<meta name="subject" content="你的網站主題">

<!-- 非常簡短（少于 10 個字）的描述。主要用于學術論文。-->
<meta name="abstract" content="">

<!-- 完整的域名或網址 -->
<meta name="url" content="https://example.com/">

<meta name="directory" content="submission">

<!-- 基于網站內容給出一般的年齡分級 -->
<meta name="rating" content="General">

<!-- 允許控制 referrer 信息如何傳遞 -->
<meta name="referrer" content="never">

<!-- 禁用自動檢測和格式化可能的電話號碼 -->
<meta name="format-detection" content="telephone=no">

<!-- 通過設置為 “off” 完全退出 DNS 預取 -->
<meta http-equiv="x-dns-prefetch-control" content="off">

<!-- 在客戶端存儲 cookie，web 瀏覽器的客戶端識別 -->
<meta http-equiv="set-cookie" content="name=value; expires=date; path=url">

<!-- 指定要顯示在一個特定框架中的頁面 -->
<meta http-equiv="Window-Target" content="_value">

<!-- 地理標簽 -->
<meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
<!-- 國家代碼 (ISO 3166-1): 強制性, 州代碼 (ISO 3166-2): 可選; 如 content="US" / content="US-NY" -->
<meta name="geo.region" content="country[-state]">
<!-- 如 content="New York City" -->
<meta name="geo.placename" content="city/town">