META標簽分兩大部分：HTTP標題信息(
http-equiv)和頁面描述信息(
name)。
http-equiv
http-equiv類似於HTTP的頭部協議，它回應給瀏覽器一些有用的信息，以幫助正確和精確地顯示網頁內容。
- 設置頁面編碼 charset
UTF-8是世界性通用編碼，也完美的支持中文編碼
GB2312屬於中文編碼，針對國內用戶使用，國外用戶訪問GB2312編碼的網站就會變亂碼。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>設置字符編碼</title> </head> <body> </body> </html>
- 設置頁面刷新時間 refresh
讓網頁多長時間自動刷新，或者多長時間后讓網頁自動鏈接到其他網頁，單位：秒
不添加URL就本地刷新
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="3;url=https://www.baidu.com"> <title>刷新</title> </head> <body> <p>設置網頁3秒后跳轉百度頁面</p> </body> </html>
- 設置網頁緩存時間 expires
設置網頁在緩存時間過期時間，一旦網頁過期，就需要在服務器上重新加載
必須使用GMT的時間格式（格林尼治標准時間），或者直接設為0，數字表示多少時間后過期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=expires content=Thu,15 Apr 2010 20:00:00 GMT> <title>緩存</title> </head> <body> <p>Thu,15 Apr 2010 20:00:00 GMT; 他告訴瀏覽器緩存有效性持續到2010年4月15日為止，在這個時間之內相同的請求使用緩存，這個時間之外使用http請求。</p> </body> </html>
- 禁止頁面緩存 pragma（cach模式）
禁止瀏覽器從本地的緩存中調閱頁面的內容
網頁不保存在緩存中，每次訪問都刷新頁面，訪問者無法脫機瀏覽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="pragma" content="no-cach"> <title>禁止緩存</title> </head> <body> </body> </html>
- Set-Cookie (cookie設定)
瀏覽器訪問某個頁面時會將它存在緩存中，下次再次訪問時就可從緩存中讀取，以提高速度。當你希望訪問者每次都刷新你廣告的圖標，或每次都刷新你的計數器，就要禁用緩存了。通常HTML文件沒有必要禁用緩存，對於ASP等頁面，就可以使用禁用緩存，因為每次看到的頁面都是在服務器動態生成的，緩存就失去意義。如果網頁過期，那么存盤的cookie將被刪除。
注意：必須使用GMT的時間格式。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <Meta http-equiv=Set-Cookie Content=cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path= /> <title>Set-Cookie</title> </head> <body> </body> </html>
- Window-target (顯示窗口的設定)
強制頁面在當前窗口以獨立頁面顯示。
這個屬性是用來防止別人在框架里調用你的頁面。
| _blank | 在新窗口中打開被鏈接的文檔 |
| _self | 默認。在相同的框架中打開被鏈接的文檔 |
| _top | 在整個窗口中打開被鏈接的文檔 |
| _parent | 在父框架集中打開被鏈接文檔 |
| framname | 在指定框架中打開被鏈接的文檔 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=widow-target Content=_top> <title>顯示窗口設定</title> </head> <body> </body> </html>
NAME變量
name是描述網頁的，對應於content（網頁內容），以便於搜索引擎機器人查找、分類（目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類）。
name的value值（name=）指定所提供信息的類型。有些值是已經定義好的。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。還可以指定其他任意值，如：creationdate(創建日期) 、
document ID(文檔編號)和level(等級)等。
name的content指定實際內容。如：如果指定level(等級)為value(值)，則Content可能是beginner(初級)、intermediate(中級)、advanced(高級)。
- Keywords (關鍵字)
說明：為搜索引擎提供的關鍵字列表
用法：<Meta name=Keywords Content=關鍵詞1,關鍵詞2，關鍵詞3,關鍵詞4,……>
各關鍵詞間用英文逗號“,”隔開。META的通常用處是指定搜索引擎用來提高搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時，搜索引擎會使用lang特性來過濾並通過用戶的語言優先參照來顯示搜索結果。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=kyewords lang=en content=關鍵字,關鍵字,關鍵字> <title>網頁關鍵字</title> </head> <body> </body> </html>
- Description (簡介)
Description用來告訴搜索引擎你的網站主要內容。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=description content=你網頁的簡述> <title>網頁的簡述</title> </head> <body> </body> </html>
- Robots (機器人向導)
Robots用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
許多搜索引擎都通過放出robot/spider搜索來登錄網站，這些robot/spider就要用到meta元素的一些特性來決定怎樣登錄。
all
|
文件將被檢索，且頁面上的鏈接可以被查詢； |
|
none
|
文件將不被檢索，且頁面上的鏈接不可以被查詢；(和 noindex, no follow 起相同作用) |
|
index
|
文件將被檢索；（讓robot/spider登錄） |
|
follow
|
頁面上的鏈接可以被查詢； |
|
noindex
|
文件將不被檢索，但頁面上的鏈接可以被查詢；(不讓robot/spider登錄) |
| nofollow | 文件將不被檢索，頁面上的鏈接可以被查詢。(不讓robot/spider順着此頁的連接往下探找) |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=robots content=all> <title>Robots</title> </head> <body> </body> </html>
- Author (作者)
標注網頁的作者或制作組
Content可以是：你或你的制作組的名字,或Email
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=author content=修抗,www.1778895866@qq.com> <title>網頁的作者</title> </head> <body> </body> </html>
- Copyright (版權)
標注版權
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=copyright content=本頁版權歸修抗個人所有。All Rights Reserved> <title>網頁的版權</title> </head> <body> </body> </html>
- 6、Generator (編輯器)
編輯器的說明
Content=你所用編輯器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=generator content=sublime> <title>編寫網頁使用的編輯器</title> </head> <body> </body> </html>