META標簽分兩大部分：HTTP標題信息(http-equiv)和頁面描述信息(name)。
http-equiv
http-equiv類似于HTTP的頭部協(xié)議逮走，它回應(yīng)給瀏覽器一些有用的信息实愚，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容噪径。
- 設(shè)置頁面編碼 charset
UTF-8是世界性通用編碼换帜，也完美的支持中文編碼
GB2312屬于中文編碼阵赠，針對國內(nèi)用戶使用涯塔，國外用戶訪問GB2312編碼的網(wǎng)站就會變亂碼。
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>設(shè)置字符編碼</title>
</head>
<body>
</body>
</html></pre>
- 設(shè)置頁面刷新時間 refresh
讓網(wǎng)頁多長時間自動刷新清蚀，或者多長時間后讓網(wǎng)頁自動鏈接到其他網(wǎng)頁匕荸，單位：秒
不添加URL就本地刷新
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!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>設(shè)置網(wǎng)頁3秒后跳轉(zhuǎn)百度頁面</p>
</body>
</html></pre>
- 設(shè)置網(wǎng)頁緩存時間 expires
設(shè)置網(wǎng)頁在緩存時間過期時間，一旦網(wǎng)頁過期枷邪，就需要在服務(wù)器上重新加載
必須使用GMT的時間格式（格林尼治標準時間）榛搔，或者直接設(shè)為0，數(shù)字表示多少時間后過期
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!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;
他告訴瀏覽器緩存有效性持續(xù)到2010年4月15日為止，在這個時間之內(nèi)相同的請求使用緩存践惑，這個時間之外使用http請求腹泌。</p>
</body>
</html></pre>
- 禁止頁面緩存 pragma（cach模式）
禁止瀏覽器從本地的緩存中調(diào)閱頁面的內(nèi)容
網(wǎng)頁不保存在緩存中，每次訪問都刷新頁面尔觉，訪問者無法脫機瀏覽
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cach">
<title>禁止緩存</title>
</head>
<body>
</body>
</html></pre>
- Set-Cookie (cookie設(shè)定)
瀏覽器訪問某個頁面時會將它存在緩存中凉袱，下次再次訪問時就可從緩存中讀取，以提高速度侦铜。當你希望訪問者每次都刷新你廣告的圖標专甩，或每次都刷新你的計數(shù)器，就要禁用緩存了钉稍。通常HTML文件沒有必要禁用緩存涤躲，對于ASP等頁面，就可以使用禁用緩存贡未，因為每次看到的頁面都是在服務(wù)器動態(tài)生成的种樱，緩存就失去意義。如果網(wǎng)頁過期俊卤，那么存盤的cookie將被刪除缸托。
注意：必須使用GMT的時間格式。
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!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></pre>
- Window-target (顯示窗口的設(shè)定)
強制頁面在當前窗口以獨立頁面顯示瘾蛋。
這個屬性是用來防止別人在框架里調(diào)用你的頁面俐镐。
<caption style="margin: 0px; padding: 0px;">Content選項：</caption>
| _blank | 在新窗口中打開被鏈接的文檔 |
| _self | 默認。在相同的框架中打開被鏈接的文檔 |
| _top | 在整個窗口中打開被鏈接的文檔 |
| _parent | 在父框架集中打開被鏈接文檔 |
| framname | 在指定框架中打開被鏈接的文檔 |
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv=widow-target Content=_top>
<title>顯示窗口設(shè)定</title>
</head>
<body>
</body>
</html></pre>
NAME變量
name是描述網(wǎng)頁的哺哼，對應(yīng)于content（網(wǎng)頁內(nèi)容）佩抹，以便于搜索引擎機器人查找、分類（目前幾乎所有的搜索引擎都使用網(wǎng)上機器人自動查找meta值來給網(wǎng)頁分類）取董。
name的value值（name=）指定所提供信息的類型棍苹。有些值是已經(jīng)定義好的。例如description(說明)茵汰、keyword(關(guān)鍵字)枢里、refresh(刷新)等。還可以指定其他任意值蹂午，如：creationdate(創(chuàng)建日期) 栏豺、
document ID(文檔編號)和level(等級)等。
name的content指定實際內(nèi)容豆胸。如：如果指定level(等級)為value(值)奥洼，則Content可能是beginner(初級)、intermediate(中級)晚胡、advanced(高級)灵奖。
- Keywords (關(guān)鍵字)
說明：為搜索引擎提供的關(guān)鍵字列表
用法：<Meta name=Keywords Content=關(guān)鍵詞1,關(guān)鍵詞2嚼沿，關(guān)鍵詞3,關(guān)鍵詞4,……>
各關(guān)鍵詞間用英文逗號“,”隔開。META的通常用處是指定搜索引擎用來提高搜索質(zhì)量的關(guān)鍵詞瓷患。當數(shù)個META元素提供文檔語言從屬信息時骡尽，搜索引擎會使用lang特性來過濾并通過用戶的語言優(yōu)先參照來顯示搜索結(jié)果。
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=kyewords lang=en content=關(guān)鍵字,關(guān)鍵字,關(guān)鍵字>
<title>網(wǎng)頁關(guān)鍵字</title>
</head>
<body>
</body>
</html></pre>
- Description (簡介)
Description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容擅编。
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=description content=你網(wǎng)頁的簡述>
<title>網(wǎng)頁的簡述</title>
</head>
<body>
</body>
</html></pre>
- Robots (機器人向?qū)?
Robots用來告訴搜索機器人哪些頁面需要索引攀细，哪些頁面不需要索引。
許多搜索引擎都通過放出robot/spider搜索來登錄網(wǎng)站沙咏，這些robot/spider就要用到meta元素的一些特性來決定怎樣登錄辨图。
<caption style="margin: 0px; padding: 0px;">Content的參數(shù)</caption>
|
all
| 文件將被檢索班套，且頁面上的鏈接可以被查詢肢藐； |
|
none
| 文件將不被檢索，且頁面上的鏈接不可以被查詢吱韭；(和 noindex, no follow 起相同作用) |
|
index
| 文件將被檢索吆豹；（讓robot/spider登錄） |
|
follow
| 頁面上的鏈接可以被查詢； |
|
noindex
| 文件將不被檢索理盆，但頁面上的鏈接可以被查詢痘煤；(不讓robot/spider登錄) |
| nofollow | 文件將不被檢索，頁面上的鏈接可以被查詢猿规。(不讓robot/spider順著此頁的連接往下探找) |
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=robots content=all>
<title>Robots</title>
</head>
<body>
</body>
</html></pre>
- Author (作者)
標注網(wǎng)頁的作者或制作組
Content可以是：你或你的制作組的名字,或Email
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=author content=修抗,www.1778895866@qq.com>
<title>網(wǎng)頁的作者</title>
</head>
<body>
</body>
</html></pre>
- Copyright (版權(quán))
標注版權(quán)
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=copyright content=本頁版權(quán)歸修抗個人所有衷快。All Rights Reserved>
<title>網(wǎng)頁的版權(quán)</title>
</head>
<body>
</body>
</html></pre>
- 6、Generator (編輯器)
編輯器的說明
Content=你所用編輯器
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px; color: rgb(0, 0, 0); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=generator content=sublime>
<title>編寫網(wǎng)頁使用的編輯器</title>
</head>
<body>
</body>
</html></pre>
