什麼是meta標籤？
meta標籤是html標記head區的一個關鍵標籤，它位於HTML文檔的<head>和<title>之間（有些也不是在<head>和<title>之間）。它提供的資訊雖然使用者不可見，但卻是文檔的最基本的元資訊。meta標籤用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面重新整理等。
註：元資訊是關於資訊的資訊，元資訊允許伺服器提供所發送資料的資訊，如http可以提高所發的對象語言和對象，也可以用元資訊來實現有條件請求以及報告事務完成。收到資料的瀏覽器可以根據元資訊確定伺服器發來的是什麼內容，預料有什麼資料，確知是否接收完整的資料，以及過程中是否出錯，這樣客戶就可以知道傳輸對象的類型。
meta標籤的屬性有哪些？
屬性詳解：
1.http-equiv
相當於http的檔案頭作用，它可以向瀏覽器傳回一些有用的資訊，以協助瀏覽器正確地顯示網頁內容。
文法：<meta http-equiv="參數" content="參數值">
參數：
1) content-Type(設定頁面使用的字元集)
<metahttp-equiv="content-Type" content="text/html;charset=gb2312">
http-equiv=Content-Type代表的是HTTP的頭部協議，提示瀏覽器網頁的資訊，
meta標籤的charset的資訊參數如GB2312時，代表說明網站是採用的編碼是簡體中文；
meta標籤的charset的資訊參數如BIG5時，代表說明網站是採用的編碼是繁體中文；
meta標籤的charset的資訊參數如iso-2022-jp時，代表說明網站是採用的編碼是日文；
meta標籤的charset的資訊參數如ks_c_5601時，代表說明網站是採用的編碼是韓文；
meta標籤的charset的資訊參數如ISO-8859-1時，代表說明網站是採用的編碼是英文；
meta標籤的charset的資訊參數如UTF-8時，代表世界通用的語言編碼；
2) content-Language（顯示語言的設定）
<meta http-equiv="Content-Language" content="zh-cn"/>
3) Expires(期限，可以用於設定網頁的到期時間。一旦網頁到期，必須到伺服器上重新傳輸）
<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
注意：必須使用GMT的時間格式。
4) Pragma(cache模式，禁止瀏覽器從本機電腦的緩衝中訪問頁面內容)
<meta http-equiv="Pragma" content="no-cache">
注意：這樣設定，訪問者將無法離線瀏覽。
5) cache-control（緩衝設定）
<meta http-equiv="cache-control" content="no-cache">
請求時的緩衝指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，響應訊息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個訊息中的指令含義如下:
Public指示響應可被任何緩衝區緩衝
Private指示對於單個使用者的整個或部分響應訊息，不能被共用快取處理。這允許伺服器僅僅描述當使用者的部分響應訊息，此響應訊息對於其他使用者的請求無效
no-cache指示請求或響應訊息不能緩衝
no-store用於防止重要的資訊被無意的發布。在請求訊息中發送將使得請求和響應訊息都不使用緩衝。
max-age指示客戶機可以接收生存期不大於指定時間（以秒為單位）的響應
min-fresh指示客戶機可以接收回應時間小於目前時間加上指定時間的響應
max-stale指示客戶機可以接收超出逾時期間的響應訊息。如果指定max-stale訊息的值，那麼客戶機可以接收超出逾時期指定值之內的響應訊息。
6) Refresh(自動重新整理並指向新頁面）
<meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意後面的引號，分別在秒數的前面和網址的後面)
注意：其中的2是指停留2秒鐘後自動重新整理到URL網址。
7) Window-target(強制頁面在當前視窗以獨立頁面顯示）
<meta http-equiv="Window-target" content="_top">
注意：用來防止別人在架構裡調用自己的頁面。
8) set-cookie(cookie設定，如果網頁到期，那麼存檔的cookie將被刪除）
<meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/">
通常強制要求瀏覽器不設定緩衝重新從伺服器擷取頁面會使用下面的方式：
<meta http-equiv=”pragma” content=”no-cache”><meta http-equiv=”cache-control” content=”no-cache”><meta http-equiv=”expires” content=”0″>
2.name屬性
name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜尋引擎機器人尋找資訊和分類資訊用的。
文法：
<meta name="參數" content="具體的參數值">
Keywords(關鍵字)
說明：keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。
<meta name="keywords" content="">
description(網站內容描述)
說明：description用來告訴搜尋引擎你的網站主要內容。
<metaname="description" content="">
robots(機器人嚮導)
說明：Meta robots標籤管理著搜尋引擎是否可以進入網頁，你可以用它來允許或不允許搜尋引擎來擷取你的網頁、進入你網頁中的子連結或對你的網頁存檔。content的參數有all,none,index,noindex,follow,nofollow。預設是all。
<metaname="robots" content="none">
具體參數如下：
資訊參數為all：檔案將被檢索，且頁面上的連結可以被查詢；
資訊參數為none：檔案將不被檢索，且頁面上的連結不可以被查詢；
資訊參數為index：檔案將被檢索；
資訊參數為follow：頁面上的連結可以被查詢；
資訊參數為noindex：檔案將不被檢索，但頁面上的連結可以被查詢；
資訊參數為nofollow：檔案將被檢索，但頁面上的連結不可以被查詢；
author(作者)
說明：標註網頁的作者
<metaname="author" content="jesse131work@163.com">
generator
說明：meta標籤的generator的資訊參數，代表說明網站的採用的什麼軟體製作。
<metaname="generator" content="資訊參數"/>
copyright
說明：meta標籤的copyright的資訊參數，代表說明網站著作權資訊。
<metaname="copyright" content="資訊參數">
revisit-after
說明：revisit-after代表網站重訪,7days代表7天，依此類推，假如我設定，那這樣搜尋引擎就是7天來一次。使用這個標籤的網站，通常是因為網站資料量非常大，被搜尋引擎過 於頻繁的抓取，會佔用過大的資源，影響網站的訪問。所以，希望搜尋引擎不要天天過來，抓取過一次了，那麼等7天后再來。一般的網站是不需要這個標籤的。
<meta name="revisit-after" content="7days">
view-point
說明：主要影響移動頁面配置
<meta name="viewport" content="width=device-width, initial-scale=1.0">
content 參數：
width viewport 寬度(數值/device-width)
height viewport 高度(數值/device-height)
initial-scale 初始縮放比例
maximum-scale 最大縮放比例
minimum-scale 最小縮放比例
user-scalable 是否允許使用者縮放(yes/no)
3.content屬性
content屬性一般與name和http-equiv屬性一起用，視它們的值而定。
4.charset屬性
charset屬性，是html5的屬性，可替換<metahttp-equiv="content-Type" content="text/html;charset=gb2312">設定為<meta charset="utf-8">
設定meta屬性的作用是什嗎？
meta標籤提供關於HTML文檔的中繼資料。中繼資料不會顯示在頁面上，但是對於機器是可讀的。它可用於瀏覽器（如何顯示內容或重新載入頁面），搜尋引擎（關鍵詞），或其他 web 服務。meta標籤可用於緩衝設定，還與SEO最佳化相關。SEO是指通過採用易於搜尋引擎索引的合理手段，使網站各項基本要素適合搜尋引擎檢索原則並且對使用者更友好（Search Engine Friendly），從而更容易被搜尋引擎收錄及優先排序從屬於SEM（搜尋引擎營銷）。通俗理解是：通過總結搜尋引擎的排名規律，對網站進行合理最佳化，使你的網站在百度和goog的排名提高，讓搜尋引擎給你帶來客戶。
seo最佳化常用語句如下
<!-- 頁面標題<title>標籤(head 頭部必須) --><title>your title</title><!-- 頁面關鍵詞 keywords --><meta name="keywords" content="your keywords"><!-- 頁面描述內容 description --><meta name="description" content="your description"><!-- 定義網頁作者 author --><meta name="author" content="author,email address"><!-- 定義網頁搜尋引擎索引方式，robotterms 是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 --><meta name="robots" content="index,follow">
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
