meta標簽web開發中的用途說明
來源：程序員人生 發布時間：2015-01-05 08:52:54 閱讀次數：3528次
meta標簽提供關于HTML文檔的元數據。它可用于“告知”閱讀器該如何顯示內容、重新加載頁面，搜索引擎指定關鍵詞，或用于其他 web
服務。
meta標簽屬性
| 屬性 |
值 |
描寫 |
|
content |
some text |
定義與http-equiv或name屬性相干的元信息 |
可選屬性
| 屬性 |
值 |
描寫 |
|
http-equiv |
content-type / expire / refresh / set-cookie |
把content屬性關聯到HTTP頭部。 |
|
name |
author / description / keywords / generator / revised / others |
把 content 屬性關聯到1個名稱。 |
|
content |
some text |
定義用于翻譯 content 屬性值的格式。 |
搜索引擎SEO優化
- 頁面關鍵詞：每一個網頁應具有描寫該網頁內容的1組唯1的關鍵字。
使用人們可能會搜索，并準確描寫網頁上所提供信息的描寫性和代表性關鍵字及短語。標記內容太短，則搜索引擎可能不會認為這些內容相干。另外標記不應超過 874 個字符。
<meta name="keywords" content="your tags" />
- 頁面描寫：每一個網頁都應有1個不超過 150 個字符且能準確反應網頁內容的描寫標簽。
<meta name="description" content="150 words" />
- 搜索引擎索引方式：robotterms是1組使用逗號(,)分割的值，通常有以下幾種取值：none，noindex，nofollow，all，index和follow。確保正確使用nofollow和noindex屬性值。
<meta name="robots" content="index,follow" />
<!--
all：文件將被檢索，且頁面上的鏈接可以被查詢；
none：文件將不被檢索，且頁面上的鏈接不可以被查詢；
index：文件將被檢索；
follow：頁面上的鏈接可以被查詢；
noindex：文件將不被檢索；
nofollow：頁面上的鏈接不可以被查詢。
-->
- 頁面重定向和刷新：content內的數字代表時間（秒），既多少時間后刷新。如果加url,則會重定向到指定網頁（搜索引擎能夠自動檢測，也很容易被引擎視作誤導而遭到懲罰）。
<meta http-equiv="refresh" content="0;url=" />
閱讀器網頁行動設置
<meta charset='utf⑻' />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 關于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
閱讀器內核控制：國內閱讀器很多都是雙內核（webkit和Trident），webkit內核高速閱讀，IE內核兼容網頁和舊版網站。而添加meta標簽的網站可以控制閱讀器選擇何種內核渲染。
<meta name="renderer" content="webkit|ie-comp|ie-stand">
國內雙核閱讀器默許內核模式以下：
1. 搜狗高速閱讀器、QQ閱讀器：IE內核（兼容模式）
2. 360極速閱讀器、翱翔閱讀器：Webkit內核（極速模式）
- 制止閱讀器從本地計算機的緩存中訪問頁面內容：這樣設定，訪問者將沒法脫機閱讀。
<meta http-equiv="Pragma" content="no-cache">
<meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁貼色彩 -->
<meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁貼圖標 -->
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
<!--
[wml|xhtml|html5]根據手機頁的協議語言，選擇其中1種；
url="url" 后者代表當前PC頁所對應的手機頁URL，二者必須是逐一對應關系。
-->
- 轉碼申明：用百度打開網頁可能會對其進行轉碼（比如貼廣告），避免轉碼可添加以下meta
<meta http-equiv="Cache-Control" content="no-siteapp" />
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
